#8F7B5E - #FFA079 | 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 #8F7B5E a #FFA079

#8F7B5E #FFA079

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

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

0.0%	0.0% #8F7B5E	RGB 143 123 94	#8F7B5E
16.7%	16.7% #A18162	RGB 161 129 98	#A18162
33.3%	33.3% #B48767	RGB 180 135 103	#B48767
50.0%	50.0% #C78D6B	RGB 199 141 107	#C78D6B
66.7%	66.7% #D99370	RGB 217 147 112	#D99370
83.3%	83.3% #EC9974	RGB 236 153 116	#EC9974
100.0%	100.0% #FFA079	RGB 255 160 121	#FFA079

#8F7B5E #A18162 #B48767 #C78D6B #D99370 #EC9974 #FFA079

#8F7B5E - #FFA079

Mezcla HSV

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

0.0%	0.0% #8F7B5E	RGB 143 123 94	#8F7B5E
16.7%	16.7% #A18665	RGB 161 134 101	#A18665
33.3%	33.3% #B48F6B	RGB 180 143 107	#B48F6B
50.0%	50.0% #C79670	RGB 199 150 112	#C79670
66.7%	66.7% #D99C74	RGB 217 156 116	#D99C74
83.3%	83.3% #EC9F77	RGB 236 159 119	#EC9F77
100.0%	100.0% #FFA079	RGB 255 160 121	#FFA079

#8F7B5E #A18665 #B48F6B #C79670 #D99C74 #EC9F77 #FFA079

#8F7B5E - #C79670 - #FFA079

Códigos CSS

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

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