#C5C5E5 - #EEEEF7 | 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 #C5C5E5 a #EEEEF7

#C5C5E5 #EEEEF7

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

#C5C5E5 - #EEEEF7 | 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 #C5C5E5 como 0% y #EEEEF7 como 100%.

0.0%	0.0% #C5C5E5	RGB 197 197 229	#C5C5E5
16.7%	16.7% #CBCBE8	RGB 203 203 232	#CBCBE8
33.3%	33.3% #D2D2EB	RGB 210 210 235	#D2D2EB
50.0%	50.0% #D9D9EE	RGB 217 217 238	#D9D9EE
66.7%	66.7% #E0E0F1	RGB 224 224 241	#E0E0F1
83.3%	83.3% #E7E7F4	RGB 231 231 244	#E7E7F4
100.0%	100.0% #EEEEF7	RGB 238 238 247	#EEEEF7

#C5C5E5 #CBCBE8 #D2D2EB #D9D9EE #E0E0F1 #E7E7F4 #EEEEF7

#C5C5E5 - #EEEEF7

Mezcla HSV

#C5C5E5 - #EEEEF7 | 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 #C5C5E5 como 0% y #EEEEF7 como 100%.

0.0%	0.0% #C5C5E5	RGB 197 197 229	#C5C5E5
16.7%	16.7% #CBCBE8	RGB 203 203 232	#CBCBE8
33.3%	33.3% #D2D2EB	RGB 210 210 235	#D2D2EB
50.0%	50.0% #D9D9EE	RGB 217 217 238	#D9D9EE
66.7%	66.7% #DFDFF1	RGB 223 223 241	#DFDFF1
83.3%	83.3% #E6E6F4	RGB 230 230 244	#E6E6F4
100.0%	100.0% #EEEEF7	RGB 238 238 247	#EEEEF7

#C5C5E5 #CBCBE8 #D2D2EB #D9D9EE #DFDFF1 #E6E6F4 #EEEEF7

#C5C5E5 - #D9D9EE - #EEEEF7

Códigos CSS

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

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