#CCC3B2 - #F0EDE9 | 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 #CCC3B2 a #F0EDE9

#CCC3B2 #F0EDE9

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

#CCC3B2 - #F0EDE9 | 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 #CCC3B2 como 0% y #F0EDE9 como 100%.

0.0%	0.0% #CCC3B2	RGB 204 195 178	#CCC3B2
16.7%	16.7% #D2CABB	RGB 210 202 187	#D2CABB
33.3%	33.3% #D8D1C4	RGB 216 209 196	#D8D1C4
50.0%	50.0% #DED8CD	RGB 222 216 205	#DED8CD
66.7%	66.7% #E4DFD6	RGB 228 223 214	#E4DFD6
83.3%	83.3% #EAE6DF	RGB 234 230 223	#EAE6DF
100.0%	100.0% #F0EDE9	RGB 240 237 233	#F0EDE9

#CCC3B2 #D2CABB #D8D1C4 #DED8CD #E4DFD6 #EAE6DF #F0EDE9

#CCC3B2 - #F0EDE9

Mezcla HSV

#CCC3B2 - #F0EDE9 | 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 #CCC3B2 como 0% y #F0EDE9 como 100%.

0.0%	0.0% #CCC3B2	RGB 204 195 178	#CCC3B2
16.7%	16.7% #D2C9BA	RGB 210 201 186	#D2C9BA
33.3%	33.3% #D8D0C3	RGB 216 208 195	#D8D0C3
50.0%	50.0% #DED7CC	RGB 222 215 204	#DED7CC
66.7%	66.7% #E4DED5	RGB 228 222 213	#E4DED5
83.3%	83.3% #EAE5DF	RGB 234 229 223	#EAE5DF
100.0%	100.0% #F0EDE9	RGB 240 237 233	#F0EDE9

#CCC3B2 #D2C9BA #D8D0C3 #DED7CC #E4DED5 #EAE5DF #F0EDE9

#CCC3B2 - #DED7CC - #F0EDE9

Códigos CSS

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

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