#CEC6A2 - #FFEBB9 | 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 #CEC6A2 a #FFEBB9

#CEC6A2 #FFEBB9

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

#CEC6A2 - #FFEBB9 | 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 #CEC6A2 como 0% y #FFEBB9 como 100%.

0.0%	0.0% #CEC6A2	RGB 206 198 162	#CEC6A2
16.7%	16.7% #D6CCA5	RGB 214 204 165	#D6CCA5
33.3%	33.3% #DED2A9	RGB 222 210 169	#DED2A9
50.0%	50.0% #E6D8AD	RGB 230 216 173	#E6D8AD
66.7%	66.7% #EEDEB1	RGB 238 222 177	#EEDEB1
83.3%	83.3% #F6E4B5	RGB 246 228 181	#F6E4B5
100.0%	100.0% #FFEBB9	RGB 255 235 185	#FFEBB9

#CEC6A2 #D6CCA5 #DED2A9 #E6D8AD #EEDEB1 #F6E4B5 #FFEBB9

#CEC6A2 - #FFEBB9

Mezcla HSV

#CEC6A2 - #FFEBB9 | 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 #CEC6A2 como 0% y #FFEBB9 como 100%.

0.0%	0.0% #CEC6A2	RGB 206 198 162	#CEC6A2
16.7%	16.7% #D6CCA6	RGB 214 204 166	#D6CCA6
33.3%	33.3% #DED3AA	RGB 222 211 170	#DED3AA
50.0%	50.0% #E6D9AE	RGB 230 217 174	#E6D9AE
66.7%	66.7% #EEDFB1	RGB 238 223 177	#EEDFB1
83.3%	83.3% #F6E5B5	RGB 246 229 181	#F6E5B5
100.0%	100.0% #FFEBB9	RGB 255 235 185	#FFEBB9

#CEC6A2 #D6CCA6 #DED3AA #E6D9AE #EEDFB1 #F6E5B5 #FFEBB9

#CEC6A2 - #E6D9AE - #FFEBB9

Códigos CSS

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

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