#595A55 - #B9A67E | 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 #595A55 a #B9A67E

#595A55 #B9A67E

Calcule el color entre dos colores, #595A55 y #B9A67E. 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)

#595A55 - #B9A67E | 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 #595A55 como 0% y #B9A67E como 100%.

0.0%	0.0% #595A55	RGB 89 90 85	#595A55
16.7%	16.7% #69665B	RGB 105 102 91	#69665B
33.3%	33.3% #797362	RGB 121 115 98	#797362
50.0%	50.0% #898069	RGB 137 128 105	#898069
66.7%	66.7% #998C70	RGB 153 140 112	#998C70
83.3%	83.3% #A99977	RGB 169 153 119	#A99977
100.0%	100.0% #B9A67E	RGB 185 166 126	#B9A67E

#595A55 #69665B #797362 #898069 #998C70 #A99977 #B9A67E

#595A55 - #B9A67E

Mezcla HSV

#595A55 - #B9A67E | 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 #595A55 como 0% y #B9A67E como 100%.

0.0%	0.0% #595A55	RGB 89 90 85	#595A55
16.7%	16.7% #68695F	RGB 104 105 95	#68695F
33.3%	33.3% #797968	RGB 121 121 104	#797968
50.0%	50.0% #89876F	RGB 137 135 111	#89876F
66.7%	66.7% #999475	RGB 153 148 117	#999475
83.3%	83.3% #A99E7A	RGB 169 158 122	#A99E7A
100.0%	100.0% #B9A67E	RGB 185 166 126	#B9A67E

#595A55 #68695F #797968 #89876F #999475 #A99E7A #B9A67E

#595A55 - #89876F - #B9A67E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #595A55 0%, #89876F 50%, #B9A67E 100%);
    background: -webkit-linear-gradient(top, #595A55 0%, #89876F 50%, #B9A67E 100%);
    background: linear-gradient(to bottom, #595A55 0%, #89876F 50%, #B9A67E 100%);
}
</style>