#EEEBEA - #C9AAA2 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #EEEBEA a #C9AAA2

#EEEBEA #C9AAA2

Calcule el color entre dos colores, #EEEBEA y #C9AAA2. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#EEEBEA - #C9AAA2 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #EEEBEA como 0% y #C9AAA2 como 100%.

0.0%	0.0% #EEEBEA	RGB 238 235 234	#EEEBEA
16.7%	16.7% #E7E0DE	RGB 231 224 222	#E7E0DE
33.3%	33.3% #E1D5D2	RGB 225 213 210	#E1D5D2
50.0%	50.0% #DBCAC6	RGB 219 202 198	#DBCAC6
66.7%	66.7% #D5BFBA	RGB 213 191 186	#D5BFBA
83.3%	83.3% #CFB4AE	RGB 207 180 174	#CFB4AE
100.0%	100.0% #C9AAA2	RGB 201 170 162	#C9AAA2

#EEEBEA #E7E0DE #E1D5D2 #DBCAC6 #D5BFBA #CFB4AE #C9AAA2

#EEEBEA - #C9AAA2

Mezcla HSV

#EEEBEA - #C9AAA2 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #EEEBEA como 0% y #C9AAA2 como 100%.

0.0%	0.0% #EEEBEA	RGB 238 235 234	#EEEBEA
16.7%	16.7% #E7DFDD	RGB 231 223 221	#E7DFDD
33.3%	33.3% #E1D4D0	RGB 225 212 208	#E1D4D0
50.0%	50.0% #DBC9C4	RGB 219 201 196	#DBC9C4
66.7%	66.7% #D5BEB8	RGB 213 190 184	#D5BEB8
83.3%	83.3% #CFB4AD	RGB 207 180 173	#CFB4AD
100.0%	100.0% #C9AAA2	RGB 201 170 162	#C9AAA2

#EEEBEA #E7DFDD #E1D4D0 #DBC9C4 #D5BEB8 #CFB4AD #C9AAA2

#EEEBEA - #DBC9C4 - #C9AAA2

Códigos CSS

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #EEEBEA 0%, #C9AAA2 100%);
    background: -webkit-linear-gradient(top, #EEEBEA 0%, #C9AAA2 100%);
    background: linear-gradient(to bottom, #EEEBEA 0%, #C9AAA2 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #EEEBEA 0%, #DBC9C4 50%, #C9AAA2 100%);
    background: -webkit-linear-gradient(top, #EEEBEA 0%, #DBC9C4 50%, #C9AAA2 100%);
    background: linear-gradient(to bottom, #EEEBEA 0%, #DBC9C4 50%, #C9AAA2 100%);
}
</style>