#A0A19B - #E7DCB5 | 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 #A0A19B a #E7DCB5

#A0A19B #E7DCB5

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

#A0A19B - #E7DCB5 | 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 #A0A19B como 0% y #E7DCB5 como 100%.

0.0%	0.0% #A0A19B	RGB 160 161 155	#A0A19B
16.7%	16.7% #ABAA9F	RGB 171 170 159	#ABAA9F
33.3%	33.3% #B7B4A3	RGB 183 180 163	#B7B4A3
50.0%	50.0% #C3BEA8	RGB 195 190 168	#C3BEA8
66.7%	66.7% #CFC8AC	RGB 207 200 172	#CFC8AC
83.3%	83.3% #DBD2B0	RGB 219 210 176	#DBD2B0
100.0%	100.0% #E7DCB5	RGB 231 220 181	#E7DCB5

#A0A19B #ABAA9F #B7B4A3 #C3BEA8 #CFC8AC #DBD2B0 #E7DCB5

#A0A19B - #E7DCB5

Mezcla HSV

#A0A19B - #E7DCB5 | 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 #A0A19B como 0% y #E7DCB5 como 100%.

0.0%	0.0% #A0A19B	RGB 160 161 155	#A0A19B
16.7%	16.7% #ABACA1	RGB 171 172 161	#ABACA1
33.3%	33.3% #B7B8A6	RGB 183 184 166	#B7B8A6
50.0%	50.0% #C4C3AB	RGB 196 195 171	#C4C3AB
66.7%	66.7% #CFCCAF	RGB 207 204 175	#CFCCAF
83.3%	83.3% #DBD4B2	RGB 219 212 178	#DBD4B2
100.0%	100.0% #E7DCB5	RGB 231 220 181	#E7DCB5

#A0A19B #ABACA1 #B7B8A6 #C4C3AB #CFCCAF #DBD4B2 #E7DCB5

#A0A19B - #C4C3AB - #E7DCB5

Códigos CSS

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

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