#8F5E5E - #F0AB82 | 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 #8F5E5E a #F0AB82

#8F5E5E #F0AB82

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

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

0.0%	0.0% #8F5E5E	RGB 143 94 94	#8F5E5E
16.7%	16.7% #9F6A64	RGB 159 106 100	#9F6A64
33.3%	33.3% #AF776A	RGB 175 119 106	#AF776A
50.0%	50.0% #BF8470	RGB 191 132 112	#BF8470
66.7%	66.7% #CF9176	RGB 207 145 118	#CF9176
83.3%	83.3% #DF9E7C	RGB 223 158 124	#DF9E7C
100.0%	100.0% #F0AB82	RGB 240 171 130	#F0AB82

#8F5E5E #9F6A64 #AF776A #BF8470 #CF9176 #DF9E7C #F0AB82

#8F5E5E - #F0AB82

Mezcla HSV

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

0.0%	0.0% #8F5E5E	RGB 143 94 94	#8F5E5E
16.7%	16.7% #9F6965	RGB 159 105 101	#9F6965
33.3%	33.3% #AF746C	RGB 175 116 108	#AF746C
50.0%	50.0% #BF8172	RGB 191 129 114	#BF8172
66.7%	66.7% #CF8E78	RGB 207 142 120	#CF8E78
83.3%	83.3% #DF9C7D	RGB 223 156 125	#DF9C7D
100.0%	100.0% #F0AB82	RGB 240 171 130	#F0AB82

#8F5E5E #9F6965 #AF746C #BF8172 #CF8E78 #DF9C7D #F0AB82

#8F5E5E - #BF8172 - #F0AB82

Códigos CSS

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

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