#E7E5E6 - #A99AA5 | 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 #E7E5E6 a #A99AA5

#E7E5E6 #A99AA5

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

#E7E5E6 - #A99AA5 | 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 #E7E5E6 como 0% y #A99AA5 como 100%.

0.0%	0.0% #E7E5E6	RGB 231 229 230	#E7E5E6
16.7%	16.7% #DCD8DB	RGB 220 216 219	#DCD8DB
33.3%	33.3% #D2CCD0	RGB 210 204 208	#D2CCD0
50.0%	50.0% #C8BFC5	RGB 200 191 197	#C8BFC5
66.7%	66.7% #BDB3BA	RGB 189 179 186	#BDB3BA
83.3%	83.3% #B3A6AF	RGB 179 166 175	#B3A6AF
100.0%	100.0% #A99AA5	RGB 169 154 165	#A99AA5

#E7E5E6 #DCD8DB #D2CCD0 #C8BFC5 #BDB3BA #B3A6AF #A99AA5

#E7E5E6 - #A99AA5

Mezcla HSV

#E7E5E6 - #A99AA5 | 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 #E7E5E6 como 0% y #A99AA5 como 100%.

0.0%	0.0% #E7E5E6	RGB 231 229 230	#E7E5E6
16.7%	16.7% #DCD7DA	RGB 220 215 218	#DCD7DA
33.3%	33.3% #D2CACF	RGB 210 202 207	#D2CACF
50.0%	50.0% #C8BEC4	RGB 200 190 196	#C8BEC4
66.7%	66.7% #BDB1B9	RGB 189 177 185	#BDB1B9
83.3%	83.3% #B3A5AF	RGB 179 165 175	#B3A5AF
100.0%	100.0% #A99AA5	RGB 169 154 165	#A99AA5

#E7E5E6 #DCD7DA #D2CACF #C8BEC4 #BDB1B9 #B3A5AF #A99AA5

#E7E5E6 - #C8BEC4 - #A99AA5

Códigos CSS

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

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