#9F925C - #2D291A | 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 #9F925C a #2D291A

#9F925C #2D291A

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

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

0.0%	0.0% #9F925C	RGB 159 146 92	#9F925C
16.7%	16.7% #8C8051	RGB 140 128 81	#8C8051
33.3%	33.3% #796F46	RGB 121 111 70	#796F46
50.0%	50.0% #665D3B	RGB 102 93 59	#665D3B
66.7%	66.7% #534C30	RGB 83 76 48	#534C30
83.3%	83.3% #403A25	RGB 64 58 37	#403A25
100.0%	100.0% #2D291A	RGB 45 41 26	#2D291A

#9F925C #8C8051 #796F46 #665D3B #534C30 #403A25 #2D291A

#9F925C - #2D291A

Mezcla HSV

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

0.0%	0.0% #9F925C	RGB 159 146 92	#9F925C
16.7%	16.7% #8C8050	RGB 140 128 80	#8C8050
33.3%	33.3% #796E45	RGB 121 110 69	#796E45
50.0%	50.0% #665D3A	RGB 102 93 58	#665D3A
66.7%	66.7% #534B2F	RGB 83 75 47	#534B2F
83.3%	83.3% #403A24	RGB 64 58 36	#403A24
100.0%	100.0% #2D291A	RGB 45 41 26	#2D291A

#9F925C #8C8050 #796E45 #665D3A #534B2F #403A24 #2D291A

#9F925C - #665D3A - #2D291A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F925C 0%, #665D3A 50%, #2D291A 100%);
    background: -webkit-linear-gradient(top, #9F925C 0%, #665D3A 50%, #2D291A 100%);
    background: linear-gradient(to bottom, #9F925C 0%, #665D3A 50%, #2D291A 100%);
}
</style>