#C7DEF3 - #E5E8EE | 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 #C7DEF3 a #E5E8EE

#C7DEF3 #E5E8EE

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

#C7DEF3 - #E5E8EE | 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 #C7DEF3 como 0% y #E5E8EE como 100%.

0.0%	0.0% #C7DEF3	RGB 199 222 243	#C7DEF3
16.7%	16.7% #CCDFF2	RGB 204 223 242	#CCDFF2
33.3%	33.3% #D1E1F1	RGB 209 225 241	#D1E1F1
50.0%	50.0% #D6E3F0	RGB 214 227 240	#D6E3F0
66.7%	66.7% #DBE4EF	RGB 219 228 239	#DBE4EF
83.3%	83.3% #E0E6EE	RGB 224 230 238	#E0E6EE
100.0%	100.0% #E5E8EE	RGB 229 232 238	#E5E8EE

#C7DEF3 #CCDFF2 #D1E1F1 #D6E3F0 #DBE4EF #E0E6EE #E5E8EE

#C7DEF3 - #E5E8EE

Mezcla HSV

#C7DEF3 - #E5E8EE | 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 #C7DEF3 como 0% y #E5E8EE como 100%.

0.0%	0.0% #C7DEF3	RGB 199 222 243	#C7DEF3
16.7%	16.7% #CCDEF2	RGB 204 222 242	#CCDEF2
33.3%	33.3% #D1DFF1	RGB 209 223 241	#D1DFF1
50.0%	50.0% #D6E1F0	RGB 214 225 240	#D6E1F0
66.7%	66.7% #DBE3EF	RGB 219 227 239	#DBE3EF
83.3%	83.3% #E0E5EE	RGB 224 229 238	#E0E5EE
100.0%	100.0% #E5E8EE	RGB 229 232 238	#E5E8EE

#C7DEF3 #CCDEF2 #D1DFF1 #D6E1F0 #DBE3EF #E0E5EE #E5E8EE

#C7DEF3 - #D6E1F0 - #E5E8EE

Códigos CSS

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

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