#CCCAC2 - #FFEDD0 | 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 #CCCAC2 a #FFEDD0

#CCCAC2 #FFEDD0

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

#CCCAC2 - #FFEDD0 | 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 #CCCAC2 como 0% y #FFEDD0 como 100%.

0.0%	0.0% #CCCAC2	RGB 204 202 194	#CCCAC2
16.7%	16.7% #D4CFC4	RGB 212 207 196	#D4CFC4
33.3%	33.3% #DDD5C6	RGB 221 213 198	#DDD5C6
50.0%	50.0% #E5DBC9	RGB 229 219 201	#E5DBC9
66.7%	66.7% #EEE1CB	RGB 238 225 203	#EEE1CB
83.3%	83.3% #F6E7CD	RGB 246 231 205	#F6E7CD
100.0%	100.0% #FFEDD0	RGB 255 237 208	#FFEDD0

#CCCAC2 #D4CFC4 #DDD5C6 #E5DBC9 #EEE1CB #F6E7CD #FFEDD0

#CCCAC2 - #FFEDD0

Mezcla HSV

#CCCAC2 - #FFEDD0 | 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 #CCCAC2 como 0% y #FFEDD0 como 100%.

0.0%	0.0% #CCCAC2	RGB 204 202 194	#CCCAC2
16.7%	16.7% #D4D0C5	RGB 212 208 197	#D4D0C5
33.3%	33.3% #DDD7C8	RGB 221 215 200	#DDD7C8
50.0%	50.0% #E5DDCA	RGB 229 221 202	#E5DDCA
66.7%	66.7% #EEE3CC	RGB 238 227 204	#EEE3CC
83.3%	83.3% #F6E8CE	RGB 246 232 206	#F6E8CE
100.0%	100.0% #FFEDD0	RGB 255 237 208	#FFEDD0

#CCCAC2 #D4D0C5 #DDD7C8 #E5DDCA #EEE3CC #F6E8CE #FFEDD0

#CCCAC2 - #E5DDCA - #FFEDD0

Códigos CSS

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

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