#9C7C6C - #FBC38B | 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 #9C7C6C a #FBC38B

#9C7C6C #FBC38B

Calcule el color entre dos colores, #9C7C6C y #FBC38B. 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)

#9C7C6C - #FBC38B | 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 #9C7C6C como 0% y #FBC38B como 100%.

0.0%	0.0% #9C7C6C	RGB 156 124 108	#9C7C6C
16.7%	16.7% #AB8771	RGB 171 135 113	#AB8771
33.3%	33.3% #BB9376	RGB 187 147 118	#BB9376
50.0%	50.0% #CB9F7B	RGB 203 159 123	#CB9F7B
66.7%	66.7% #DBAB80	RGB 219 171 128	#DBAB80
83.3%	83.3% #EBB785	RGB 235 183 133	#EBB785
100.0%	100.0% #FBC38B	RGB 251 195 139	#FBC38B

#9C7C6C #AB8771 #BB9376 #CB9F7B #DBAB80 #EBB785 #FBC38B

#9C7C6C - #FBC38B

Mezcla HSV

#9C7C6C - #FBC38B | 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 #9C7C6C como 0% y #FBC38B como 100%.

0.0%	0.0% #9C7C6C	RGB 156 124 108	#9C7C6C
16.7%	16.7% #AB8772	RGB 171 135 114	#AB8772
33.3%	33.3% #BB9379	RGB 187 147 121	#BB9379
50.0%	50.0% #CB9E7E	RGB 203 158 126	#CB9E7E
66.7%	66.7% #DBAA83	RGB 219 170 131	#DBAA83
83.3%	83.3% #EBB687	RGB 235 182 135	#EBB687
100.0%	100.0% #FBC38B	RGB 251 195 139	#FBC38B

#9C7C6C #AB8772 #BB9379 #CB9E7E #DBAA83 #EBB687 #FBC38B

#9C7C6C - #CB9E7E - #FBC38B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9C7C6C 0%, #CB9E7E 50%, #FBC38B 100%);
    background: -webkit-linear-gradient(top, #9C7C6C 0%, #CB9E7E 50%, #FBC38B 100%);
    background: linear-gradient(to bottom, #9C7C6C 0%, #CB9E7E 50%, #FBC38B 100%);
}
</style>