#C2D5E8 - #E4E6E7 | 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 #C2D5E8 a #E4E6E7

#C2D5E8 #E4E6E7

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

#C2D5E8 - #E4E6E7 | 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 #C2D5E8 como 0% y #E4E6E7 como 100%.

0.0%	0.0% #C2D5E8	RGB 194 213 232	#C2D5E8
16.7%	16.7% #C7D7E7	RGB 199 215 231	#C7D7E7
33.3%	33.3% #CDDAE7	RGB 205 218 231	#CDDAE7
50.0%	50.0% #D3DDE7	RGB 211 221 231	#D3DDE7
66.7%	66.7% #D8E0E7	RGB 216 224 231	#D8E0E7
83.3%	83.3% #DEE3E7	RGB 222 227 231	#DEE3E7
100.0%	100.0% #E4E6E7	RGB 228 230 231	#E4E6E7

#C2D5E8 #C7D7E7 #CDDAE7 #D3DDE7 #D8E0E7 #DEE3E7 #E4E6E7

#C2D5E8 - #E4E6E7

Mezcla HSV

#C2D5E8 - #E4E6E7 | 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 #C2D5E8 como 0% y #E4E6E7 como 100%.

0.0%	0.0% #C2D5E8	RGB 194 213 232	#C2D5E8
16.7%	16.7% #C7D8E7	RGB 199 216 231	#C7D8E7
33.3%	33.3% #CDDBE7	RGB 205 219 231	#CDDBE7
50.0%	50.0% #D3DEE7	RGB 211 222 231	#D3DEE7
66.7%	66.7% #D8E1E7	RGB 216 225 231	#D8E1E7
83.3%	83.3% #DEE3E7	RGB 222 227 231	#DEE3E7
100.0%	100.0% #E4E6E7	RGB 228 230 231	#E4E6E7

#C2D5E8 #C7D8E7 #CDDBE7 #D3DEE7 #D8E1E7 #DEE3E7 #E4E6E7

#C2D5E8 - #D3DEE7 - #E4E6E7

Códigos CSS

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

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