#CEC9AC - #FFECC0 | 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 #CEC9AC a #FFECC0

#CEC9AC #FFECC0

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

#CEC9AC - #FFECC0 | 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 #CEC9AC como 0% y #FFECC0 como 100%.

0.0%	0.0% #CEC9AC	RGB 206 201 172	#CEC9AC
16.7%	16.7% #D6CEAF	RGB 214 206 175	#D6CEAF
33.3%	33.3% #DED4B2	RGB 222 212 178	#DED4B2
50.0%	50.0% #E6DAB6	RGB 230 218 182	#E6DAB6
66.7%	66.7% #EEE0B9	RGB 238 224 185	#EEE0B9
83.3%	83.3% #F6E6BC	RGB 246 230 188	#F6E6BC
100.0%	100.0% #FFECC0	RGB 255 236 192	#FFECC0

#CEC9AC #D6CEAF #DED4B2 #E6DAB6 #EEE0B9 #F6E6BC #FFECC0

#CEC9AC - #FFECC0

Mezcla HSV

#CEC9AC - #FFECC0 | 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 #CEC9AC como 0% y #FFECC0 como 100%.

0.0%	0.0% #CEC9AC	RGB 206 201 172	#CEC9AC
16.7%	16.7% #D6CFAF	RGB 214 207 175	#D6CFAF
33.3%	33.3% #DED5B3	RGB 222 213 179	#DED5B3
50.0%	50.0% #E6DBB7	RGB 230 219 183	#E6DBB7
66.7%	66.7% #EEE1BA	RGB 238 225 186	#EEE1BA
83.3%	83.3% #F6E6BD	RGB 246 230 189	#F6E6BD
100.0%	100.0% #FFECC0	RGB 255 236 192	#FFECC0

#CEC9AC #D6CFAF #DED5B3 #E6DBB7 #EEE1BA #F6E6BD #FFECC0

#CEC9AC - #E6DBB7 - #FFECC0

Códigos CSS

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

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