#001802 - #B6BDB6 | 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 #001802 to #B6BDB6

#001802 #B6BDB6

Calculate the color between two colors, #001802 and #B6BDB6. 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)

#001802 - #B6BDB6 | 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 #001802 as 0% and #B6BDB6 as 100%.

0.0%	0.0% #001802	RGB 0 24 2	#001802
16.7%	16.7% #1E3320	RGB 30 51 32	#1E3320
33.3%	33.3% #3C4F3E	RGB 60 79 62	#3C4F3E
50.0%	50.0% #5B6A5C	RGB 91 106 92	#5B6A5C
66.7%	66.7% #79867A	RGB 121 134 122	#79867A
83.3%	83.3% #97A198	RGB 151 161 152	#97A198
100.0%	100.0% #B6BDB6	RGB 182 189 182	#B6BDB6

#001802 #1E3320 #3C4F3E #5B6A5C #79867A #97A198 #B6BDB6

#001802 - #B6BDB6

HSV Blend

#001802 - #B6BDB6 | 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 #001802 as 0% and #B6BDB6 as 100%.

0.0%	0.0% #001801	RGB 0 24 1	#001801
16.7%	16.7% #08330B	RGB 8 51 11	#08330B
33.3%	33.3% #194F1C	RGB 25 79 28	#194F1C
50.0%	50.0% #336A35	RGB 51 106 53	#336A35
66.7%	66.7% #568657	RGB 86 134 87	#568657
83.3%	83.3% #81A182	RGB 129 161 130	#81A182
100.0%	100.0% #B6BDB6	RGB 182 189 182	#B6BDB6

#001801 #08330B #194F1C #336A35 #568657 #81A182 #B6BDB6

#001802 - #336A35 - #B6BDB6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #001801 0%, #336A35 50%, #B6BDB6 100%);
    background: -webkit-linear-gradient(top, #001801 0%, #336A35 50%, #B6BDB6 100%);
    background: linear-gradient(to bottom, #001801 0%, #336A35 50%, #B6BDB6 100%);
}
</style>