#C5E5F0 - #ECE9ED | 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 #C5E5F0 a #ECE9ED

#C5E5F0 #ECE9ED

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

#C5E5F0 - #ECE9ED | 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 #C5E5F0 como 0% y #ECE9ED como 100%.

0.0%	0.0% #C5E5F0	RGB 197 229 240	#C5E5F0
16.7%	16.7% #CBE5EF	RGB 203 229 239	#CBE5EF
33.3%	33.3% #D2E6EF	RGB 210 230 239	#D2E6EF
50.0%	50.0% #D8E7EE	RGB 216 231 238	#D8E7EE
66.7%	66.7% #DFE7EE	RGB 223 231 238	#DFE7EE
83.3%	83.3% #E5E8ED	RGB 229 232 237	#E5E8ED
100.0%	100.0% #ECE9ED	RGB 236 233 237	#ECE9ED

#C5E5F0 #CBE5EF #D2E6EF #D8E7EE #DFE7EE #E5E8ED #ECE9ED

#C5E5F0 - #ECE9ED

Mezcla HSV

#C5E5F0 - #ECE9ED | 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 #C5E5F0 como 0% y #ECE9ED como 100%.

0.0%	0.0% #C5E5F0	RGB 197 229 240	#C5E5F0
16.7%	16.7% #CBDDEF	RGB 203 221 239	#CBDDEF
33.3%	33.3% #D1D8EF	RGB 209 216 239	#D1D8EF
50.0%	50.0% #D7D7EE	RGB 215 215 238	#D7D7EE
66.7%	66.7% #E1DDEE	RGB 225 221 238	#E1DDEE
83.3%	83.3% #E8E3ED	RGB 232 227 237	#E8E3ED
100.0%	100.0% #ECE9ED	RGB 236 233 237	#ECE9ED

#C5E5F0 #CBDDEF #D1D8EF #D7D7EE #E1DDEE #E8E3ED #ECE9ED

#C5E5F0 - #D7D7EE - #ECE9ED

Códigos CSS

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

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