#8F7A5E - #ADB5BD | 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 #8F7A5E a #ADB5BD

#8F7A5E #ADB5BD

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

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

0.0%	0.0% #8F7A5E	RGB 143 122 94	#8F7A5E
16.7%	16.7% #94836D	RGB 148 131 109	#94836D
33.3%	33.3% #998D7D	RGB 153 141 125	#998D7D
50.0%	50.0% #9E978D	RGB 158 151 141	#9E978D
66.7%	66.7% #A3A19D	RGB 163 161 157	#A3A19D
83.3%	83.3% #A8ABAD	RGB 168 171 173	#A8ABAD
100.0%	100.0% #ADB5BD	RGB 173 181 189	#ADB5BD

#8F7A5E #94836D #998D7D #9E978D #A3A19D #A8ABAD #ADB5BD

#8F7A5E - #ADB5BD

Mezcla HSV

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

0.0%	0.0% #8F7A5E	RGB 143 122 94	#8F7A5E
16.7%	16.7% #939669	RGB 147 150 105	#939669
33.3%	33.3% #889E75	RGB 136 158 117	#889E75
50.0%	50.0% #82A683	RGB 130 166 131	#82A683
66.7%	66.7% #90AD9F	RGB 144 173 159	#90AD9F
83.3%	83.3% #9EB5B5	RGB 158 181 181	#9EB5B5
100.0%	100.0% #ADB5BD	RGB 173 181 189	#ADB5BD

#8F7A5E #939669 #889E75 #82A683 #90AD9F #9EB5B5 #ADB5BD

#8F7A5E - #82A683 - #ADB5BD

Códigos CSS

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

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