#002003 - #B6BFB6 | 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 #002003 to #B6BFB6

#002003 #B6BFB6

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

#002003 - #B6BFB6 | 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 #002003 as 0% and #B6BFB6 as 100%.

0.0%	0.0% #002003	RGB 0 32 3	#002003
16.7%	16.7% #1E3A20	RGB 30 58 32	#1E3A20
33.3%	33.3% #3C553E	RGB 60 85 62	#3C553E
50.0%	50.0% #5B6F5C	RGB 91 111 92	#5B6F5C
66.7%	66.7% #798A7A	RGB 121 138 122	#798A7A
83.3%	83.3% #97A498	RGB 151 164 152	#97A498
100.0%	100.0% #B6BFB6	RGB 182 191 182	#B6BFB6

#002003 #1E3A20 #3C553E #5B6F5C #798A7A #97A498 #B6BFB6

#002003 - #B6BFB6

HSV Blend

#002003 - #B6BFB6 | 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 #002003 as 0% and #B6BFB6 as 100%.

0.0%	0.0% #002003	RGB 0 32 3	#002003
16.7%	16.7% #093A0D	RGB 9 58 13	#093A0D
33.3%	33.3% #1A551E	RGB 26 85 30	#1A551E
50.0%	50.0% #356F37	RGB 53 111 55	#356F37
66.7%	66.7% #578A59	RGB 87 138 89	#578A59
83.3%	83.3% #82A483	RGB 130 164 131	#82A483
100.0%	100.0% #B6BFB6	RGB 182 191 182	#B6BFB6

#002003 #093A0D #1A551E #356F37 #578A59 #82A483 #B6BFB6

#002003 - #356F37 - #B6BFB6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #002003 0%, #356F37 50%, #B6BFB6 100%);
    background: -webkit-linear-gradient(top, #002003 0%, #356F37 50%, #B6BFB6 100%);
    background: linear-gradient(to bottom, #002003 0%, #356F37 50%, #B6BFB6 100%);
}
</style>