#C5E9F5 - #EDE9F0 | 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 #C5E9F5 a #EDE9F0

#C5E9F5 #EDE9F0

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

#C5E9F5 - #EDE9F0 | 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 #C5E9F5 como 0% y #EDE9F0 como 100%.

0.0%	0.0% #C5E9F5	RGB 197 233 245	#C5E9F5
16.7%	16.7% #CBE9F4	RGB 203 233 244	#CBE9F4
33.3%	33.3% #D2E9F3	RGB 210 233 243	#D2E9F3
50.0%	50.0% #D9E9F2	RGB 217 233 242	#D9E9F2
66.7%	66.7% #DFE9F1	RGB 223 233 241	#DFE9F1
83.3%	83.3% #E6E9F0	RGB 230 233 240	#E6E9F0
100.0%	100.0% #EDE9F0	RGB 237 233 240	#EDE9F0

#C5E9F5 #CBE9F4 #D2E9F3 #D9E9F2 #DFE9F1 #E6E9F0 #EDE9F0

#C5E9F5 - #EDE9F0

Mezcla HSV

#C5E9F5 - #EDE9F0 | 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 #C5E9F5 como 0% y #EDE9F0 como 100%.

0.0%	0.0% #C5E9F5	RGB 197 233 245	#C5E9F5
16.7%	16.7% #CBE0F4	RGB 203 224 244	#CBE0F4
33.3%	33.3% #D1DBF3	RGB 209 219 243	#D1DBF3
50.0%	50.0% #D7D9F2	RGB 215 217 242	#D7D9F2
66.7%	66.7% #DFDDF1	RGB 223 221 241	#DFDDF1
83.3%	83.3% #E7E3F0	RGB 231 227 240	#E7E3F0
100.0%	100.0% #EDE9F0	RGB 237 233 240	#EDE9F0

#C5E9F5 #CBE0F4 #D1DBF3 #D7D9F2 #DFDDF1 #E7E3F0 #EDE9F0

#C5E9F5 - #D7D9F2 - #EDE9F0

Códigos CSS

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

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