#9F7536 - #2D210F | 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 #9F7536 a #2D210F

#9F7536 #2D210F

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

#9F7536 - #2D210F | 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 #9F7536 como 0% y #2D210F como 100%.

0.0%	0.0% #9F7536	RGB 159 117 54	#9F7536
16.7%	16.7% #8C672F	RGB 140 103 47	#8C672F
33.3%	33.3% #795929	RGB 121 89 41	#795929
50.0%	50.0% #664B22	RGB 102 75 34	#664B22
66.7%	66.7% #533D1C	RGB 83 61 28	#533D1C
83.3%	83.3% #402F15	RGB 64 47 21	#402F15
100.0%	100.0% #2D210F	RGB 45 33 15	#2D210F

#9F7536 #8C672F #795929 #664B22 #533D1C #402F15 #2D210F

#9F7536 - #2D210F

Mezcla HSV

#9F7536 - #2D210F | 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 #9F7536 como 0% y #2D210F como 100%.

0.0%	0.0% #9F7536	RGB 159 117 54	#9F7536
16.7%	16.7% #8C662F	RGB 140 102 47	#8C662F
33.3%	33.3% #795828	RGB 121 88 40	#795828
50.0%	50.0% #664A22	RGB 102 74 34	#664A22
66.7%	66.7% #533C1B	RGB 83 60 27	#533C1B
83.3%	83.3% #402E15	RGB 64 46 21	#402E15
100.0%	100.0% #2D210F	RGB 45 33 15	#2D210F

#9F7536 #8C662F #795828 #664A22 #533C1B #402E15 #2D210F

#9F7536 - #664A22 - #2D210F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F7536 0%, #664A22 50%, #2D210F 100%);
    background: -webkit-linear-gradient(top, #9F7536 0%, #664A22 50%, #2D210F 100%);
    background: linear-gradient(to bottom, #9F7536 0%, #664A22 50%, #2D210F 100%);
}
</style>