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

#E7E5E5 #A99AA5

Calcule el color entre dos colores, #E7E5E5 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)

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

0.0%	0.0% #E7E5E5	RGB 231 229 229	#E7E5E5
16.7%	16.7% #DCD8DA	RGB 220 216 218	#DCD8DA
33.3%	33.3% #D2CCCF	RGB 210 204 207	#D2CCCF
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

#E7E5E5 #DCD8DA #D2CCCF #C8BFC5 #BDB3BA #B3A6AF #A99AA5

#E7E5E5 - #A99AA5

Mezcla HSV

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

0.0%	0.0% #E7E5E5	RGB 231 229 229	#E7E5E5
16.7%	16.7% #DCD7D8	RGB 220 215 216	#DCD7D8
33.3%	33.3% #D2CACC	RGB 210 202 204	#D2CACC
50.0%	50.0% #C8BEC1	RGB 200 190 193	#C8BEC1
66.7%	66.7% #BDB1B7	RGB 189 177 183	#BDB1B7
83.3%	83.3% #B3A5AE	RGB 179 165 174	#B3A5AE
100.0%	100.0% #A99AA5	RGB 169 154 165	#A99AA5

#E7E5E5 #DCD7D8 #D2CACC #C8BEC1 #BDB1B7 #B3A5AE #A99AA5

#E7E5E5 - #C8BEC1 - #A99AA5

Códigos CSS

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

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