#8C8D0C - #464C09 | 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 #8C8D0C to #464C09

#8C8D0C #464C09

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

#8C8D0C - #464C09 | 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 #8C8D0C as 0% and #464C09 as 100%.

0.0%	0.0% #8C8D0C	RGB 140 141 12	#8C8D0C
16.7%	16.7% #80820B	RGB 128 130 11	#80820B
33.3%	33.3% #74770B	RGB 116 119 11	#74770B
50.0%	50.0% #696C0A	RGB 105 108 10	#696C0A
66.7%	66.7% #5D610A	RGB 93 97 10	#5D610A
83.3%	83.3% #515609	RGB 81 86 9	#515609
100.0%	100.0% #464C09	RGB 70 76 9	#464C09

#8C8D0C #80820B #74770B #696C0A #5D610A #515609 #464C09

#8C8D0C - #464C09

HSV Blend

#8C8D0C - #464C09 | 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 #8C8D0C as 0% and #464C09 as 100%.

0.0%	0.0% #8C8D0B	RGB 140 141 11	#8C8D0B
16.7%	16.7% #7F820B	RGB 127 130 11	#7F820B
33.3%	33.3% #73770B	RGB 115 119 11	#73770B
50.0%	50.0% #676C0B	RGB 103 108 11	#676C0B
66.7%	66.7% #5C610A	RGB 92 97 10	#5C610A
83.3%	83.3% #505609	RGB 80 86 9	#505609
100.0%	100.0% #464C09	RGB 70 76 9	#464C09

#8C8D0B #7F820B #73770B #676C0B #5C610A #505609 #464C09

#8C8D0C - #676C0B - #464C09

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C8D0B 0%, #676C0B 50%, #464C09 100%);
    background: -webkit-linear-gradient(top, #8C8D0B 0%, #676C0B 50%, #464C09 100%);
    background: linear-gradient(to bottom, #8C8D0B 0%, #676C0B 50%, #464C09 100%);
}
</style>