#CCC0B2 - #FFECC9 | 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 #CCC0B2 a #FFECC9

#CCC0B2 #FFECC9

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

#CCC0B2 - #FFECC9 | 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 #CCC0B2 como 0% y #FFECC9 como 100%.

0.0%	0.0% #CCC0B2	RGB 204 192 178	#CCC0B2
16.7%	16.7% #D4C7B5	RGB 212 199 181	#D4C7B5
33.3%	33.3% #DDCEB9	RGB 221 206 185	#DDCEB9
50.0%	50.0% #E5D6BD	RGB 229 214 189	#E5D6BD
66.7%	66.7% #EEDDC1	RGB 238 221 193	#EEDDC1
83.3%	83.3% #F6E4C5	RGB 246 228 197	#F6E4C5
100.0%	100.0% #FFECC9	RGB 255 236 201	#FFECC9

#CCC0B2 #D4C7B5 #DDCEB9 #E5D6BD #EEDDC1 #F6E4C5 #FFECC9

#CCC0B2 - #FFECC9

Mezcla HSV

#CCC0B2 - #FFECC9 | 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 #CCC0B2 como 0% y #FFECC9 como 100%.

0.0%	0.0% #CCC0B2	RGB 204 192 178	#CCC0B2
16.7%	16.7% #D4C7B6	RGB 212 199 182	#D4C7B6
33.3%	33.3% #DDCEBA	RGB 221 206 186	#DDCEBA
50.0%	50.0% #E5D5BE	RGB 229 213 190	#E5D5BE
66.7%	66.7% #EEDDC2	RGB 238 221 194	#EEDDC2
83.3%	83.3% #F6E4C5	RGB 246 228 197	#F6E4C5
100.0%	100.0% #FFECC9	RGB 255 236 201	#FFECC9

#CCC0B2 #D4C7B6 #DDCEBA #E5D5BE #EEDDC2 #F6E4C5 #FFECC9

#CCC0B2 - #E5D5BE - #FFECC9

Códigos CSS

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

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