#CCDFC7 - #ECE7ED | 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 #CCDFC7 a #ECE7ED

#CCDFC7 #ECE7ED

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

#CCDFC7 - #ECE7ED | 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 #CCDFC7 como 0% y #ECE7ED como 100%.

0.0%	0.0% #CCDFC7	RGB 204 223 199	#CCDFC7
16.7%	16.7% #D1E0CD	RGB 209 224 205	#D1E0CD
33.3%	33.3% #D6E1D3	RGB 214 225 211	#D6E1D3
50.0%	50.0% #DCE3DA	RGB 220 227 218	#DCE3DA
66.7%	66.7% #E1E4E0	RGB 225 228 224	#E1E4E0
83.3%	83.3% #E6E5E6	RGB 230 229 230	#E6E5E6
100.0%	100.0% #ECE7ED	RGB 236 231 237	#ECE7ED

#CCDFC7 #D1E0CD #D6E1D3 #DCE3DA #E1E4E0 #E6E5E6 #ECE7ED

#CCDFC7 - #ECE7ED

Mezcla HSV

#CCDFC7 - #ECE7ED | 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 #CCDFC7 como 0% y #ECE7ED como 100%.

0.0%	0.0% #CCDFC7	RGB 204 223 199	#CCDFC7
16.7%	16.7% #DBE1CC	RGB 219 225 204	#DBE1CC
33.3%	33.3% #E3E0D1	RGB 227 224 209	#E3E0D1
50.0%	50.0% #E6DBD6	RGB 230 219 214	#E6DBD6
66.7%	66.7% #E8DCDE	RGB 232 220 222	#E8DCDE
83.3%	83.3% #EAE1E7	RGB 234 225 231	#EAE1E7
100.0%	100.0% #ECE7ED	RGB 236 231 237	#ECE7ED

#CCDFC7 #DBE1CC #E3E0D1 #E6DBD6 #E8DCDE #EAE1E7 #ECE7ED

#CCDFC7 - #E6DBD6 - #ECE7ED

Códigos CSS

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

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