#8D8841 - #B5AF87 | 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 #8D8841 a #B5AF87

#8D8841 #B5AF87

Calcule el color entre dos colores, #8D8841 y #B5AF87. 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)

#8D8841 - #B5AF87 | 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 #8D8841 como 0% y #B5AF87 como 100%.

0.0%	0.0% #8D8841	RGB 141 136 65	#8D8841
16.7%	16.7% #938E4C	RGB 147 142 76	#938E4C
33.3%	33.3% #9A9558	RGB 154 149 88	#9A9558
50.0%	50.0% #A19B64	RGB 161 155 100	#A19B64
66.7%	66.7% #A7A26F	RGB 167 162 111	#A7A26F
83.3%	83.3% #AEA87B	RGB 174 168 123	#AEA87B
100.0%	100.0% #B5AF87	RGB 181 175 135	#B5AF87

#8D8841 #938E4C #9A9558 #A19B64 #A7A26F #AEA87B #B5AF87

#8D8841 - #B5AF87

Mezcla HSV

#8D8841 - #B5AF87 | 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 #8D8841 como 0% y #B5AF87 como 100%.

0.0%	0.0% #8D8841	RGB 141 136 65	#8D8841
16.7%	16.7% #938E4B	RGB 147 142 75	#938E4B
33.3%	33.3% #9A9455	RGB 154 148 85	#9A9455
50.0%	50.0% #A19A61	RGB 161 154 97	#A19A61
66.7%	66.7% #A7A16D	RGB 167 161 109	#A7A16D
83.3%	83.3% #AEA879	RGB 174 168 121	#AEA879
100.0%	100.0% #B5AF87	RGB 181 175 135	#B5AF87

#8D8841 #938E4B #9A9455 #A19A61 #A7A16D #AEA879 #B5AF87

#8D8841 - #A19A61 - #B5AF87

Códigos CSS

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

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