#C0D5E8 - #E5E5E7 | 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 #C0D5E8 a #E5E5E7

#C0D5E8 #E5E5E7

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

#C0D5E8 - #E5E5E7 | 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 #C0D5E8 como 0% y #E5E5E7 como 100%.

0.0%	0.0% #C0D5E8	RGB 192 213 232	#C0D5E8
16.7%	16.7% #C6D7E7	RGB 198 215 231	#C6D7E7
33.3%	33.3% #CCDAE7	RGB 204 218 231	#CCDAE7
50.0%	50.0% #D2DDE7	RGB 210 221 231	#D2DDE7
66.7%	66.7% #D8DFE7	RGB 216 223 231	#D8DFE7
83.3%	83.3% #DEE2E7	RGB 222 226 231	#DEE2E7
100.0%	100.0% #E5E5E7	RGB 229 229 231	#E5E5E7

#C0D5E8 #C6D7E7 #CCDAE7 #D2DDE7 #D8DFE7 #DEE2E7 #E5E5E7

#C0D5E8 - #E5E5E7

Mezcla HSV

#C0D5E8 - #E5E5E7 | 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 #C0D5E8 como 0% y #E5E5E7 como 100%.

0.0%	0.0% #C0D5E8	RGB 192 213 232	#C0D5E8
16.7%	16.7% #C6D4E7	RGB 198 212 231	#C6D4E7
33.3%	33.3% #CCD5E7	RGB 204 213 231	#CCD5E7
50.0%	50.0% #D2D8E7	RGB 210 216 231	#D2D8E7
66.7%	66.7% #D8DBE7	RGB 216 219 231	#D8DBE7
83.3%	83.3% #DEDFE7	RGB 222 223 231	#DEDFE7
100.0%	100.0% #E5E5E7	RGB 229 229 231	#E5E5E7

#C0D5E8 #C6D4E7 #CCD5E7 #D2D8E7 #D8DBE7 #DEDFE7 #E5E5E7

#C0D5E8 - #D2D8E7 - #E5E5E7

Códigos CSS

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

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