#965A00 - #38290E | 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 #965A00 a #38290E

#965A00 #38290E

Calcule el color entre dos colores, #965A00 y #38290E. 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)

#965A00 - #38290E | 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 #965A00 como 0% y #38290E como 100%.

0.0%	0.0% #965A00	RGB 150 90 0	#965A00
16.7%	16.7% #865102	RGB 134 81 2	#865102
33.3%	33.3% #764904	RGB 118 73 4	#764904
50.0%	50.0% #674107	RGB 103 65 7	#674107
66.7%	66.7% #573909	RGB 87 57 9	#573909
83.3%	83.3% #47310B	RGB 71 49 11	#47310B
100.0%	100.0% #38290E	RGB 56 41 14	#38290E

#965A00 #865102 #764904 #674107 #573909 #47310B #38290E

#965A00 - #38290E

Mezcla HSV

#965A00 - #38290E | 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 #965A00 como 0% y #38290E como 100%.

0.0%	0.0% #965A00	RGB 150 90 0	#965A00
16.7%	16.7% #865305	RGB 134 83 5	#865305
33.3%	33.3% #764C09	RGB 118 76 9	#764C09
50.0%	50.0% #67440C	RGB 103 68 12	#67440C
66.7%	66.7% #573C0E	RGB 87 60 14	#573C0E
83.3%	83.3% #47320E	RGB 71 50 14	#47320E
100.0%	100.0% #38290E	RGB 56 41 14	#38290E

#965A00 #865305 #764C09 #67440C #573C0E #47320E #38290E

#965A00 - #67440C - #38290E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #965A00 0%, #67440C 50%, #38290E 100%);
    background: -webkit-linear-gradient(top, #965A00 0%, #67440C 50%, #38290E 100%);
    background: linear-gradient(to bottom, #965A00 0%, #67440C 50%, #38290E 100%);
}
</style>