#8F8A5E - #FFC979 | 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 #8F8A5E a #FFC979

#8F8A5E #FFC979

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

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

0.0%	0.0% #8F8A5E	RGB 143 138 94	#8F8A5E
16.7%	16.7% #A19462	RGB 161 148 98	#A19462
33.3%	33.3% #B49F67	RGB 180 159 103	#B49F67
50.0%	50.0% #C7A96B	RGB 199 169 107	#C7A96B
66.7%	66.7% #D9B470	RGB 217 180 112	#D9B470
83.3%	83.3% #ECBE74	RGB 236 190 116	#ECBE74
100.0%	100.0% #FFC979	RGB 255 201 121	#FFC979

#8F8A5E #A19462 #B49F67 #C7A96B #D9B470 #ECBE74 #FFC979

#8F8A5E - #FFC979

Mezcla HSV

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

0.0%	0.0% #8F8A5E	RGB 143 138 94	#8F8A5E
16.7%	16.7% #A19865	RGB 161 152 101	#A19865
33.3%	33.3% #B4A56B	RGB 180 165 107	#B4A56B
50.0%	50.0% #C7B170	RGB 199 177 112	#C7B170
66.7%	66.7% #D9BB74	RGB 217 187 116	#D9BB74
83.3%	83.3% #ECC377	RGB 236 195 119	#ECC377
100.0%	100.0% #FFC979	RGB 255 201 121	#FFC979

#8F8A5E #A19865 #B4A56B #C7B170 #D9BB74 #ECC377 #FFC979

#8F8A5E - #C7B170 - #FFC979

Códigos CSS

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

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