#C0DAF0 - #E5E6EB | 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 #C0DAF0 a #E5E6EB

#C0DAF0 #E5E6EB

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

#C0DAF0 - #E5E6EB | 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 #C0DAF0 como 0% y #E5E6EB como 100%.

0.0%	0.0% #C0DAF0	RGB 192 218 240	#C0DAF0
16.7%	16.7% #C6DCEF	RGB 198 220 239	#C6DCEF
33.3%	33.3% #CCDEEE	RGB 204 222 238	#CCDEEE
50.0%	50.0% #D2E0ED	RGB 210 224 237	#D2E0ED
66.7%	66.7% #D8E2EC	RGB 216 226 236	#D8E2EC
83.3%	83.3% #DEE4EB	RGB 222 228 235	#DEE4EB
100.0%	100.0% #E5E6EB	RGB 229 230 235	#E5E6EB

#C0DAF0 #C6DCEF #CCDEEE #D2E0ED #D8E2EC #DEE4EB #E5E6EB

#C0DAF0 - #E5E6EB

Mezcla HSV

#C0DAF0 - #E5E6EB | 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 #C0DAF0 como 0% y #E5E6EB como 100%.

0.0%	0.0% #C0DAF0	RGB 192 218 240	#C0DAF0
16.7%	16.7% #C6D9EF	RGB 198 217 239	#C6D9EF
33.3%	33.3% #CCDAEE	RGB 204 218 238	#CCDAEE
50.0%	50.0% #D2DCED	RGB 210 220 237	#D2DCED
66.7%	66.7% #D8DEEC	RGB 216 222 236	#D8DEEC
83.3%	83.3% #DEE1EB	RGB 222 225 235	#DEE1EB
100.0%	100.0% #E5E6EB	RGB 229 230 235	#E5E6EB

#C0DAF0 #C6D9EF #CCDAEE #D2DCED #D8DEEC #DEE1EB #E5E6EB

#C0DAF0 - #D2DCED - #E5E6EB

Códigos CSS

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

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