#C0C2B1 - #EEECC9 | 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 #C0C2B1 a #EEECC9

#C0C2B1 #EEECC9

Calcule el color entre dos colores, #C0C2B1 y #EEECC9. 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)

#C0C2B1 - #EEECC9 | 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 #C0C2B1 como 0% y #EEECC9 como 100%.

0.0%	0.0% #C0C2B1	RGB 192 194 177	#C0C2B1
16.7%	16.7% #C7C9B5	RGB 199 201 181	#C7C9B5
33.3%	33.3% #CFD0B9	RGB 207 208 185	#CFD0B9
50.0%	50.0% #D7D7BD	RGB 215 215 189	#D7D7BD
66.7%	66.7% #DEDEC1	RGB 222 222 193	#DEDEC1
83.3%	83.3% #E6E5C5	RGB 230 229 197	#E6E5C5
100.0%	100.0% #EEECC9	RGB 238 236 201	#EEECC9

#C0C2B1 #C7C9B5 #CFD0B9 #D7D7BD #DEDEC1 #E6E5C5 #EEECC9

#C0C2B1 - #EEECC9

Mezcla HSV

#C0C2B1 - #EEECC9 | 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 #C0C2B1 como 0% y #EEECC9 como 100%.

0.0%	0.0% #C0C2B1	RGB 192 194 177	#C0C2B1
16.7%	16.7% #C7C9B5	RGB 199 201 181	#C7C9B5
33.3%	33.3% #CFD0B9	RGB 207 208 185	#CFD0B9
50.0%	50.0% #D7D8BD	RGB 215 216 189	#D7D8BD
66.7%	66.7% #DFDFC1	RGB 223 223 193	#DFDFC1
83.3%	83.3% #E6E5C5	RGB 230 229 197	#E6E5C5
100.0%	100.0% #EEECC9	RGB 238 236 201	#EEECC9

#C0C2B1 #C7C9B5 #CFD0B9 #D7D8BD #DFDFC1 #E6E5C5 #EEECC9

#C0C2B1 - #D7D8BD - #EEECC9

Códigos CSS

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

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