#5C5C5E - #B59A7A | 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 #5C5C5E a #B59A7A

#5C5C5E #B59A7A

Calcule el color entre dos colores, #5C5C5E y #B59A7A. 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)

#5C5C5E - #B59A7A | 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 #5C5C5E como 0% y #B59A7A como 100%.

0.0%	0.0% #5C5C5E	RGB 92 92 94	#5C5C5E
16.7%	16.7% #6A6662	RGB 106 102 98	#6A6662
33.3%	33.3% #797067	RGB 121 112 103	#797067
50.0%	50.0% #887B6C	RGB 136 123 108	#887B6C
66.7%	66.7% #978570	RGB 151 133 112	#978570
83.3%	83.3% #A68F75	RGB 166 143 117	#A68F75
100.0%	100.0% #B59A7A	RGB 181 154 122	#B59A7A

#5C5C5E #6A6662 #797067 #887B6C #978570 #A68F75 #B59A7A

#5C5C5E - #B59A7A

Mezcla HSV

#5C5C5E - #B59A7A | 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 #5C5C5E como 0% y #B59A7A como 100%.

0.0%	0.0% #5C5C5E	RGB 92 92 94	#5C5C5E
16.7%	16.7% #67646C	RGB 103 100 108	#67646C
33.3%	33.3% #786B7B	RGB 120 107 123	#786B7B
50.0%	50.0% #897183	RGB 137 113 131	#897183
66.7%	66.7% #987580	RGB 152 117 128	#987580
83.3%	83.3% #A67E78	RGB 166 126 120	#A67E78
100.0%	100.0% #B59A7A	RGB 181 154 122	#B59A7A

#5C5C5E #67646C #786B7B #897183 #987580 #A67E78 #B59A7A

#5C5C5E - #897183 - #B59A7A

Códigos CSS

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

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