#E5E5E8 - #9B95C7 | 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 #E5E5E8 a #9B95C7

#E5E5E8 #9B95C7

Calcule el color entre dos colores, #E5E5E8 y #9B95C7. 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)

#E5E5E8 - #9B95C7 | 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 #E5E5E8 como 0% y #9B95C7 como 100%.

0.0%	0.0% #E5E5E8	RGB 229 229 232	#E5E5E8
16.7%	16.7% #D8D7E2	RGB 216 215 226	#D8D7E2
33.3%	33.3% #CCCADD	RGB 204 202 221	#CCCADD
50.0%	50.0% #C0BDD7	RGB 192 189 215	#C0BDD7
66.7%	66.7% #B3AFD2	RGB 179 175 210	#B3AFD2
83.3%	83.3% #A7A2CC	RGB 167 162 204	#A7A2CC
100.0%	100.0% #9B95C7	RGB 155 149 199	#9B95C7

#E5E5E8 #D8D7E2 #CCCADD #C0BDD7 #B3AFD2 #A7A2CC #9B95C7

#E5E5E8 - #9B95C7

Mezcla HSV

#E5E5E8 - #9B95C7 | 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 #E5E5E8 como 0% y #9B95C7 como 100%.

0.0%	0.0% #E5E5E8	RGB 229 229 232	#E5E5E8
16.7%	16.7% #D6D6E2	RGB 214 214 226	#D6D6E2
33.3%	33.3% #C9C8DD	RGB 201 200 221	#C9C8DD
50.0%	50.0% #BCBBD7	RGB 188 187 215	#BCBBD7
66.7%	66.7% #B0ADD2	RGB 176 173 210	#B0ADD2
83.3%	83.3% #A5A1CC	RGB 165 161 204	#A5A1CC
100.0%	100.0% #9B95C7	RGB 155 149 199	#9B95C7

#E5E5E8 #D6D6E2 #C9C8DD #BCBBD7 #B0ADD2 #A5A1CC #9B95C7

#E5E5E8 - #BCBBD7 - #9B95C7

Códigos CSS

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

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