#CCDEC0 - #F2F0CF | 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 #CCDEC0 a #F2F0CF

#CCDEC0 #F2F0CF

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

#CCDEC0 - #F2F0CF | 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 #CCDEC0 como 0% y #F2F0CF como 100%.

0.0%	0.0% #CCDEC0	RGB 204 222 192	#CCDEC0
16.7%	16.7% #D2E1C2	RGB 210 225 194	#D2E1C2
33.3%	33.3% #D8E4C5	RGB 216 228 197	#D8E4C5
50.0%	50.0% #DFE7C7	RGB 223 231 199	#DFE7C7
66.7%	66.7% #E5EACA	RGB 229 234 202	#E5EACA
83.3%	83.3% #EBEDCC	RGB 235 237 204	#EBEDCC
100.0%	100.0% #F2F0CF	RGB 242 240 207	#F2F0CF

#CCDEC0 #D2E1C2 #D8E4C5 #DFE7C7 #E5EACA #EBEDCC #F2F0CF

#CCDEC0 - #F2F0CF

Mezcla HSV

#CCDEC0 - #F2F0CF | 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 #CCDEC0 como 0% y #F2F0CF como 100%.

0.0%	0.0% #CCDEC0	RGB 204 222 192	#CCDEC0
16.7%	16.7% #D2E1C2	RGB 210 225 194	#D2E1C2
33.3%	33.3% #D8E4C5	RGB 216 228 197	#D8E4C5
50.0%	50.0% #DFE8C7	RGB 223 232 199	#DFE8C7
66.7%	66.7% #E5EBCA	RGB 229 235 202	#E5EBCA
83.3%	83.3% #ECEECC	RGB 236 238 204	#ECEECC
100.0%	100.0% #F2F0CF	RGB 242 240 207	#F2F0CF

#CCDEC0 #D2E1C2 #D8E4C5 #DFE8C7 #E5EBCA #ECEECC #F2F0CF

#CCDEC0 - #DFE8C7 - #F2F0CF

Códigos CSS

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

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