#C0E3E8 - #EDF7F8 | 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 #C0E3E8 a #EDF7F8

#C0E3E8 #EDF7F8

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

#C0E3E8 - #EDF7F8 | 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 #C0E3E8 como 0% y #EDF7F8 como 100%.

0.0%	0.0% #C0E3E8	RGB 192 227 232	#C0E3E8
16.7%	16.7% #C7E6EA	RGB 199 230 234	#C7E6EA
33.3%	33.3% #CFE9ED	RGB 207 233 237	#CFE9ED
50.0%	50.0% #D6EDF0	RGB 214 237 240	#D6EDF0
66.7%	66.7% #DEF0F2	RGB 222 240 242	#DEF0F2
83.3%	83.3% #E5F3F5	RGB 229 243 245	#E5F3F5
100.0%	100.0% #EDF7F8	RGB 237 247 248	#EDF7F8

#C0E3E8 #C7E6EA #CFE9ED #D6EDF0 #DEF0F2 #E5F3F5 #EDF7F8

#C0E3E8 - #EDF7F8

Mezcla HSV

#C0E3E8 - #EDF7F8 | 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 #C0E3E8 como 0% y #EDF7F8 como 100%.

0.0%	0.0% #C0E3E8	RGB 192 227 232	#C0E3E8
16.7%	16.7% #C7E6EA	RGB 199 230 234	#C7E6EA
33.3%	33.3% #CEE9ED	RGB 206 233 237	#CEE9ED
50.0%	50.0% #D5EDF0	RGB 213 237 240	#D5EDF0
66.7%	66.7% #DDF0F2	RGB 221 240 242	#DDF0F2
83.3%	83.3% #E5F3F5	RGB 229 243 245	#E5F3F5
100.0%	100.0% #EDF7F8	RGB 237 247 248	#EDF7F8

#C0E3E8 #C7E6EA #CEE9ED #D5EDF0 #DDF0F2 #E5F3F5 #EDF7F8

#C0E3E8 - #D5EDF0 - #EDF7F8

Códigos CSS

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

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