#965A00 - #38290E | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #965A00 to #38290E

#965A00 #38290E

Calculate the color between two colors, #965A00 and #38290E. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#965A00 - #38290E | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #965A00 as 0% and #38290E as 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

HSV Blend

#965A00 - #38290E | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #965A00 as 0% and #38290E as 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

CSS codes

<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>