#CECCC2 - #FFEED0 | 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 #CECCC2 a #FFEED0

#CECCC2 #FFEED0

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

#CECCC2 - #FFEED0 | 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 #CECCC2 como 0% y #FFEED0 como 100%.

0.0%	0.0% #CECCC2	RGB 206 204 194	#CECCC2
16.7%	16.7% #D6D1C4	RGB 214 209 196	#D6D1C4
33.3%	33.3% #DED7C6	RGB 222 215 198	#DED7C6
50.0%	50.0% #E6DDC9	RGB 230 221 201	#E6DDC9
66.7%	66.7% #EEE2CB	RGB 238 226 203	#EEE2CB
83.3%	83.3% #F6E8CD	RGB 246 232 205	#F6E8CD
100.0%	100.0% #FFEED0	RGB 255 238 208	#FFEED0

#CECCC2 #D6D1C4 #DED7C6 #E6DDC9 #EEE2CB #F6E8CD #FFEED0

#CECCC2 - #FFEED0

Mezcla HSV

#CECCC2 - #FFEED0 | 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 #CECCC2 como 0% y #FFEED0 como 100%.

0.0%	0.0% #CECCC2	RGB 206 204 194	#CECCC2
16.7%	16.7% #D6D2C5	RGB 214 210 197	#D6D2C5
33.3%	33.3% #DED9C8	RGB 222 217 200	#DED9C8
50.0%	50.0% #E6DFCA	RGB 230 223 202	#E6DFCA
66.7%	66.7% #EEE4CC	RGB 238 228 204	#EEE4CC
83.3%	83.3% #F6E9CE	RGB 246 233 206	#F6E9CE
100.0%	100.0% #FFEED0	RGB 255 238 208	#FFEED0

#CECCC2 #D6D2C5 #DED9C8 #E6DFCA #EEE4CC #F6E9CE #FFEED0

#CECCC2 - #E6DFCA - #FFEED0

Códigos CSS

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

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