#A29A95 - #2E2C2A | 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 #A29A95 a #2E2C2A

#A29A95 #2E2C2A

Calcule el color entre dos colores, #A29A95 y #2E2C2A. 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)

#A29A95 - #2E2C2A | 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 #A29A95 como 0% y #2E2C2A como 100%.

0.0%	0.0% #A29A95	RGB 162 154 149	#A29A95
16.7%	16.7% #8E8783	RGB 142 135 131	#8E8783
33.3%	33.3% #7B7571	RGB 123 117 113	#7B7571
50.0%	50.0% #68635F	RGB 104 99 95	#68635F
66.7%	66.7% #54504D	RGB 84 80 77	#54504D
83.3%	83.3% #413E3B	RGB 65 62 59	#413E3B
100.0%	100.0% #2E2C2A	RGB 46 44 42	#2E2C2A

#A29A95 #8E8783 #7B7571 #68635F #54504D #413E3B #2E2C2A

#A29A95 - #2E2C2A

Mezcla HSV

#A29A95 - #2E2C2A | 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 #A29A95 como 0% y #2E2C2A como 100%.

0.0%	0.0% #A29A95	RGB 162 154 149	#A29A95
16.7%	16.7% #8E8783	RGB 142 135 131	#8E8783
33.3%	33.3% #7B7571	RGB 123 117 113	#7B7571
50.0%	50.0% #68635F	RGB 104 99 95	#68635F
66.7%	66.7% #54504D	RGB 84 80 77	#54504D
83.3%	83.3% #413E3B	RGB 65 62 59	#413E3B
100.0%	100.0% #2E2C2A	RGB 46 44 42	#2E2C2A

#A29A95 #8E8783 #7B7571 #68635F #54504D #413E3B #2E2C2A

#A29A95 - #68635F - #2E2C2A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A29A95 0%, #68635F 50%, #2E2C2A 100%);
    background: -webkit-linear-gradient(top, #A29A95 0%, #68635F 50%, #2E2C2A 100%);
    background: linear-gradient(to bottom, #A29A95 0%, #68635F 50%, #2E2C2A 100%);
}
</style>