#E5E3EB - #B698DB | 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 #E5E3EB a #B698DB

#E5E3EB #B698DB

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

#E5E3EB - #B698DB | 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 #E5E3EB como 0% y #B698DB como 100%.

0.0%	0.0% #E5E3EB	RGB 229 227 235	#E5E3EB
16.7%	16.7% #DDD6E8	RGB 221 214 232	#DDD6E8
33.3%	33.3% #D5CAE5	RGB 213 202 229	#D5CAE5
50.0%	50.0% #CDBDE3	RGB 205 189 227	#CDBDE3
66.7%	66.7% #C5B1E0	RGB 197 177 224	#C5B1E0
83.3%	83.3% #BDA4DD	RGB 189 164 221	#BDA4DD
100.0%	100.0% #B698DB	RGB 182 152 219	#B698DB

#E5E3EB #DDD6E8 #D5CAE5 #CDBDE3 #C5B1E0 #BDA4DD #B698DB

#E5E3EB - #B698DB

Mezcla HSV

#E5E3EB - #B698DB | 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 #E5E3EB como 0% y #B698DB como 100%.

0.0%	0.0% #E5E3EB	RGB 229 227 235	#E5E3EB
16.7%	16.7% #DBD5E8	RGB 219 213 232	#DBD5E8
33.3%	33.3% #D2C9E5	RGB 210 201 229	#D2C9E5
50.0%	50.0% #C9BCE3	RGB 201 188 227	#C9BCE3
66.7%	66.7% #C2B0E0	RGB 194 176 224	#C2B0E0
83.3%	83.3% #BBA3DD	RGB 187 163 221	#BBA3DD
100.0%	100.0% #B698DB	RGB 182 152 219	#B698DB

#E5E3EB #DBD5E8 #D2C9E5 #C9BCE3 #C2B0E0 #BBA3DD #B698DB

#E5E3EB - #C9BCE3 - #B698DB

Códigos CSS

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

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