#002009 - #B6BFB8 | 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 #002009 to #B6BFB8

#002009 #B6BFB8

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

#002009 - #B6BFB8 | 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 #002009 as 0% and #B6BFB8 as 100%.

0.0%	0.0% #002009	RGB 0 32 9	#002009
16.7%	16.7% #1E3A26	RGB 30 58 38	#1E3A26
33.3%	33.3% #3C5543	RGB 60 85 67	#3C5543
50.0%	50.0% #5B6F60	RGB 91 111 96	#5B6F60
66.7%	66.7% #798A7D	RGB 121 138 125	#798A7D
83.3%	83.3% #97A49A	RGB 151 164 154	#97A49A
100.0%	100.0% #B6BFB8	RGB 182 191 184	#B6BFB8

#002009 #1E3A26 #3C5543 #5B6F60 #798A7D #97A49A #B6BFB8

#002009 - #B6BFB8

HSV Blend

#002009 - #B6BFB8 | 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 #002009 as 0% and #B6BFB8 as 100%.

0.0%	0.0% #002009	RGB 0 32 9	#002009
16.7%	16.7% #093A16	RGB 9 58 22	#093A16
33.3%	33.3% #1A552A	RGB 26 85 42	#1A552A
50.0%	50.0% #356F43	RGB 53 111 67	#356F43
66.7%	66.7% #578A63	RGB 87 138 99	#578A63
83.3%	83.3% #82A48A	RGB 130 164 138	#82A48A
100.0%	100.0% #B6BFB8	RGB 182 191 184	#B6BFB8

#002009 #093A16 #1A552A #356F43 #578A63 #82A48A #B6BFB8

#002009 - #356F43 - #B6BFB8

CSS codes

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

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