#C5EAF5 - #EEE9F0 | 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 #C5EAF5 a #EEE9F0

#C5EAF5 #EEE9F0

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

#C5EAF5 - #EEE9F0 | 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 #C5EAF5 como 0% y #EEE9F0 como 100%.

0.0%	0.0% #C5EAF5	RGB 197 234 245	#C5EAF5
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% #E0E9F1	RGB 224 233 241	#E0E9F1
83.3%	83.3% #E7E9F0	RGB 231 233 240	#E7E9F0
100.0%	100.0% #EEE9F0	RGB 238 233 240	#EEE9F0

#C5EAF5 #CBE9F4 #D2E9F3 #D9E9F2 #E0E9F1 #E7E9F0 #EEE9F0

#C5EAF5 - #EEE9F0

Mezcla HSV

#C5EAF5 - #EEE9F0 | 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 #C5EAF5 como 0% y #EEE9F0 como 100%.

0.0%	0.0% #C5EAF5	RGB 197 234 245	#C5EAF5
16.7%	16.7% #CBE0F4	RGB 203 224 244	#CBE0F4
33.3%	33.3% #D1DAF3	RGB 209 218 243	#D1DAF3
50.0%	50.0% #D7D7F2	RGB 215 215 242	#D7D7F2
66.7%	66.7% #E1DDF1	RGB 225 221 241	#E1DDF1
83.3%	83.3% #E9E3F0	RGB 233 227 240	#E9E3F0
100.0%	100.0% #EEE9F0	RGB 238 233 240	#EEE9F0

#C5EAF5 #CBE0F4 #D1DAF3 #D7D7F2 #E1DDF1 #E9E3F0 #EEE9F0

#C5EAF5 - #D7D7F2 - #EEE9F0

Códigos CSS

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

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