#C7D3E9 - #E1E5E7 | 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 #C7D3E9 a #E1E5E7

#C7D3E9 #E1E5E7

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

#C7D3E9 - #E1E5E7 | 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 #C7D3E9 como 0% y #E1E5E7 como 100%.

0.0%	0.0% #C7D3E9	RGB 199 211 233	#C7D3E9
16.7%	16.7% #CBD6E8	RGB 203 214 232	#CBD6E8
33.3%	33.3% #CFD9E8	RGB 207 217 232	#CFD9E8
50.0%	50.0% #D4DCE8	RGB 212 220 232	#D4DCE8
66.7%	66.7% #D8DFE7	RGB 216 223 231	#D8DFE7
83.3%	83.3% #DCE2E7	RGB 220 226 231	#DCE2E7
100.0%	100.0% #E1E5E7	RGB 225 229 231	#E1E5E7

#C7D3E9 #CBD6E8 #CFD9E8 #D4DCE8 #D8DFE7 #DCE2E7 #E1E5E7

#C7D3E9 - #E1E5E7

Mezcla HSV

#C7D3E9 - #E1E5E7 | 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 #C7D3E9 como 0% y #E1E5E7 como 100%.

0.0%	0.0% #C7D3E9	RGB 199 211 233	#C7D3E9
16.7%	16.7% #CBD7E8	RGB 203 215 232	#CBD7E8
33.3%	33.3% #CFDAE8	RGB 207 218 232	#CFDAE8
50.0%	50.0% #D4DEE8	RGB 212 222 232	#D4DEE8
66.7%	66.7% #D8E0E7	RGB 216 224 231	#D8E0E7
83.3%	83.3% #DCE3E7	RGB 220 227 231	#DCE3E7
100.0%	100.0% #E1E5E7	RGB 225 229 231	#E1E5E7

#C7D3E9 #CBD7E8 #CFDAE8 #D4DEE8 #D8E0E7 #DCE3E7 #E1E5E7

#C7D3E9 - #D4DEE8 - #E1E5E7

Códigos CSS

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

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