Hola brai_lf.
Eso sucede porque en el primer caso se utiliza una imagen de fondo repetida horizontalmente (
http://www.buenosaires.gob.ar/sites/...l_gradient.png) la cual posee un degradado que puede lograrse -por ejemplo- en Photoshop (no es un color "liso" y único, es una fusión gradual entre colores). Si tienes la imagen, eso se lograría con CSS así:
Código:
div#cabecera
{background: url('images/main_header_vertical_gradient.png') repeat-x;
height: 87px;}
En el segundo caso creo que se logra con una propiedad de CSS 3 para degradado. Puedes consultar el código fuente en la misma página que colocaste.
Un saludo.