#E7E5E6 - #A99AA1 | 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 #A99AA1

#E7E5E6 #A99AA1

Calcule el color entre dos colores, #E7E5E6 y #A99AA1. 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 - #A99AA1 | 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 #A99AA1 como 100%.

0.0%	0.0% #E7E5E6	RGB 231 229 230	#E7E5E6
16.7%	16.7% #DCD8DA	RGB 220 216 218	#DCD8DA
33.3%	33.3% #D2CCCF	RGB 210 204 207	#D2CCCF
50.0%	50.0% #C8BFC3	RGB 200 191 195	#C8BFC3
66.7%	66.7% #BDB3B8	RGB 189 179 184	#BDB3B8
83.3%	83.3% #B3A6AC	RGB 179 166 172	#B3A6AC
100.0%	100.0% #A99AA1	RGB 169 154 161	#A99AA1

#E7E5E6 #DCD8DA #D2CCCF #C8BFC3 #BDB3B8 #B3A6AC #A99AA1

#E7E5E6 - #A99AA1

Mezcla HSV

#E7E5E6 - #A99AA1 | 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 #A99AA1 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% #D2CACE	RGB 210 202 206	#D2CACE
50.0%	50.0% #C8BEC2	RGB 200 190 194	#C8BEC2
66.7%	66.7% #BDB1B7	RGB 189 177 183	#BDB1B7
83.3%	83.3% #B3A5AC	RGB 179 165 172	#B3A5AC
100.0%	100.0% #A99AA1	RGB 169 154 161	#A99AA1

#E7E5E6 #DCD7DA #D2CACE #C8BEC2 #BDB1B7 #B3A5AC #A99AA1

#E7E5E6 - #C8BEC2 - #A99AA1

Códigos CSS

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

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