#E7E5E8 - #A48BAF | 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 #E7E5E8 a #A48BAF

#E7E5E8 #A48BAF

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

#E7E5E8 - #A48BAF | 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 #E7E5E8 como 0% y #A48BAF como 100%.

0.0%	0.0% #E7E5E8	RGB 231 229 232	#E7E5E8
16.7%	16.7% #DBD6DE	RGB 219 214 222	#DBD6DE
33.3%	33.3% #D0C7D5	RGB 208 199 213	#D0C7D5
50.0%	50.0% #C5B8CB	RGB 197 184 203	#C5B8CB
66.7%	66.7% #BAA9C2	RGB 186 169 194	#BAA9C2
83.3%	83.3% #AF9AB8	RGB 175 154 184	#AF9AB8
100.0%	100.0% #A48BAF	RGB 164 139 175	#A48BAF

#E7E5E8 #DBD6DE #D0C7D5 #C5B8CB #BAA9C2 #AF9AB8 #A48BAF

#E7E5E8 - #A48BAF

Mezcla HSV

#E7E5E8 - #A48BAF | 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 #E7E5E8 como 0% y #A48BAF como 100%.

0.0%	0.0% #E7E5E8	RGB 231 229 232	#E7E5E8
16.7%	16.7% #DBD4DE	RGB 219 212 222	#DBD4DE
33.3%	33.3% #CFC4D5	RGB 207 196 213	#CFC4D5
50.0%	50.0% #C4B5CB	RGB 196 181 203	#C4B5CB
66.7%	66.7% #B9A6C2	RGB 185 166 194	#B9A6C2
83.3%	83.3% #AE98B8	RGB 174 152 184	#AE98B8
100.0%	100.0% #A48BAF	RGB 164 139 175	#A48BAF

#E7E5E8 #DBD4DE #CFC4D5 #C4B5CB #B9A6C2 #AE98B8 #A48BAF

#E7E5E8 - #C4B5CB - #A48BAF

Códigos CSS

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

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