#383901 - #8C7D2B | 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 #383901 to #8C7D2B

#383901 #8C7D2B

Calculate the color between two colors, #383901 and #8C7D2B. 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)

#383901 - #8C7D2B | 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 #383901 as 0% and #8C7D2B as 100%.

0.0%	0.0% #383901	RGB 56 57 1	#383901
16.7%	16.7% #464408	RGB 70 68 8	#464408
33.3%	33.3% #544F0F	RGB 84 79 15	#544F0F
50.0%	50.0% #625B16	RGB 98 91 22	#625B16
66.7%	66.7% #70661D	RGB 112 102 29	#70661D
83.3%	83.3% #7E7124	RGB 126 113 36	#7E7124
100.0%	100.0% #8C7D2B	RGB 140 125 43	#8C7D2B

#383901 #464408 #544F0F #625B16 #70661D #7E7124 #8C7D2B

#383901 - #8C7D2B

HSV Blend

#383901 - #8C7D2B | 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 #383901 as 0% and #8C7D2B as 100%.

0.0%	0.0% #383900	RGB 56 57 0	#383900
16.7%	16.7% #464604	RGB 70 70 4	#464604
33.3%	33.3% #545109	RGB 84 81 9	#545109
50.0%	50.0% #625C0F	RGB 98 92 15	#625C0F
66.7%	66.7% #706717	RGB 112 103 23	#706717
83.3%	83.3% #7E7220	RGB 126 114 32	#7E7220
100.0%	100.0% #8C7D2B	RGB 140 125 43	#8C7D2B

#383900 #464604 #545109 #625C0F #706717 #7E7220 #8C7D2B

#383901 - #625C0F - #8C7D2B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #383900 0%, #625C0F 50%, #8C7D2B 100%);
    background: -webkit-linear-gradient(top, #383900 0%, #625C0F 50%, #8C7D2B 100%);
    background: linear-gradient(to bottom, #383900 0%, #625C0F 50%, #8C7D2B 100%);
}
</style>