#C2D2CF - #ECE3DF | 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 #C2D2CF a #ECE3DF

#C2D2CF #ECE3DF

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

#C2D2CF - #ECE3DF | 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 #C2D2CF como 0% y #ECE3DF como 100%.

0.0%	0.0% #C2D2CF	RGB 194 210 207	#C2D2CF
16.7%	16.7% #C9D4D1	RGB 201 212 209	#C9D4D1
33.3%	33.3% #D0D7D4	RGB 208 215 212	#D0D7D4
50.0%	50.0% #D7DAD7	RGB 215 218 215	#D7DAD7
66.7%	66.7% #DEDDD9	RGB 222 221 217	#DEDDD9
83.3%	83.3% #E5E0DC	RGB 229 224 220	#E5E0DC
100.0%	100.0% #ECE3DF	RGB 236 227 223	#ECE3DF

#C2D2CF #C9D4D1 #D0D7D4 #D7DAD7 #DEDDD9 #E5E0DC #ECE3DF

#C2D2CF - #ECE3DF

Mezcla HSV

#C2D2CF - #ECE3DF | 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 #C2D2CF como 0% y #ECE3DF como 100%.

0.0%	0.0% #C2D2CF	RGB 194 210 207	#C2D2CF
16.7%	16.7% #C6D6CC	RGB 198 214 204	#C6D6CC
33.3%	33.3% #CBDACB	RGB 203 218 203	#CBDACB
50.0%	50.0% #D6DFD0	RGB 214 223 208	#D6DFD0
66.7%	66.7% #E1E3D5	RGB 225 227 213	#E1E3D5
83.3%	83.3% #E7E3DA	RGB 231 227 218	#E7E3DA
100.0%	100.0% #ECE3DF	RGB 236 227 223	#ECE3DF

#C2D2CF #C6D6CC #CBDACB #D6DFD0 #E1E3D5 #E7E3DA #ECE3DF

#C2D2CF - #D6DFD0 - #ECE3DF

Códigos CSS

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

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