#8C9F0D - #475C0A | 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 #8C9F0D to #475C0A

#8C9F0D #475C0A

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

#8C9F0D - #475C0A | 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 #8C9F0D as 0% and #475C0A as 100%.

0.0%	0.0% #8C9F0D	RGB 140 159 13	#8C9F0D
16.7%	16.7% #80930C	RGB 128 147 12	#80930C
33.3%	33.3% #75880C	RGB 117 136 12	#75880C
50.0%	50.0% #697D0B	RGB 105 125 11	#697D0B
66.7%	66.7% #5E720B	RGB 94 114 11	#5E720B
83.3%	83.3% #52670A	RGB 82 103 10	#52670A
100.0%	100.0% #475C0A	RGB 71 92 10	#475C0A

#8C9F0D #80930C #75880C #697D0B #5E720B #52670A #475C0A

#8C9F0D - #475C0A

HSV Blend

#8C9F0D - #475C0A | 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 #8C9F0D as 0% and #475C0A as 100%.

0.0%	0.0% #8C9F0D	RGB 140 159 13	#8C9F0D
16.7%	16.7% #7F930C	RGB 127 147 12	#7F930C
33.3%	33.3% #73880C	RGB 115 136 12	#73880C
50.0%	50.0% #677D0B	RGB 103 125 11	#677D0B
66.7%	66.7% #5C720B	RGB 92 114 11	#5C720B
83.3%	83.3% #51670A	RGB 81 103 10	#51670A
100.0%	100.0% #475C0A	RGB 71 92 10	#475C0A

#8C9F0D #7F930C #73880C #677D0B #5C720B #51670A #475C0A

#8C9F0D - #677D0B - #475C0A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C9F0D 0%, #677D0B 50%, #475C0A 100%);
    background: -webkit-linear-gradient(top, #8C9F0D 0%, #677D0B 50%, #475C0A 100%);
    background: linear-gradient(to bottom, #8C9F0D 0%, #677D0B 50%, #475C0A 100%);
}
</style>