#CECCC6 - #FFEFD4 | 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 #CECCC6 a #FFEFD4

#CECCC6 #FFEFD4

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

#CECCC6 - #FFEFD4 | 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 #CECCC6 como 0% y #FFEFD4 como 100%.

0.0%	0.0% #CECCC6	RGB 206 204 198	#CECCC6
16.7%	16.7% #D6D1C8	RGB 214 209 200	#D6D1C8
33.3%	33.3% #DED7CA	RGB 222 215 202	#DED7CA
50.0%	50.0% #E6DDCD	RGB 230 221 205	#E6DDCD
66.7%	66.7% #EEE3CF	RGB 238 227 207	#EEE3CF
83.3%	83.3% #F6E9D1	RGB 246 233 209	#F6E9D1
100.0%	100.0% #FFEFD4	RGB 255 239 212	#FFEFD4

#CECCC6 #D6D1C8 #DED7CA #E6DDCD #EEE3CF #F6E9D1 #FFEFD4

#CECCC6 - #FFEFD4

Mezcla HSV

#CECCC6 - #FFEFD4 | 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 #CECCC6 como 0% y #FFEFD4 como 100%.

0.0%	0.0% #CECCC6	RGB 206 204 198	#CECCC6
16.7%	16.7% #D6D2C9	RGB 214 210 201	#D6D2C9
33.3%	33.3% #DED9CC	RGB 222 217 204	#DED9CC
50.0%	50.0% #E6DFCE	RGB 230 223 206	#E6DFCE
66.7%	66.7% #EEE4D0	RGB 238 228 208	#EEE4D0
83.3%	83.3% #F6EAD2	RGB 246 234 210	#F6EAD2
100.0%	100.0% #FFEFD4	RGB 255 239 212	#FFEFD4

#CECCC6 #D6D2C9 #DED9CC #E6DFCE #EEE4D0 #F6EAD2 #FFEFD4

#CECCC6 - #E6DFCE - #FFEFD4

Códigos CSS

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

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