#002006 - #B6BFB7 | 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 #002006 to #B6BFB7

#002006 #B6BFB7

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

#002006 - #B6BFB7 | 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 #002006 as 0% and #B6BFB7 as 100%.

0.0%	0.0% #002006	RGB 0 32 6	#002006
16.7%	16.7% #1E3A23	RGB 30 58 35	#1E3A23
33.3%	33.3% #3C5541	RGB 60 85 65	#3C5541
50.0%	50.0% #5B6F5E	RGB 91 111 94	#5B6F5E
66.7%	66.7% #798A7C	RGB 121 138 124	#798A7C
83.3%	83.3% #97A499	RGB 151 164 153	#97A499
100.0%	100.0% #B6BFB7	RGB 182 191 183	#B6BFB7

#002006 #1E3A23 #3C5541 #5B6F5E #798A7C #97A499 #B6BFB7

#002006 - #B6BFB7

HSV Blend

#002006 - #B6BFB7 | 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 #002006 as 0% and #B6BFB7 as 100%.

0.0%	0.0% #002006	RGB 0 32 6	#002006
16.7%	16.7% #093A11	RGB 9 58 17	#093A11
33.3%	33.3% #1A5524	RGB 26 85 36	#1A5524
50.0%	50.0% #356F3D	RGB 53 111 61	#356F3D
66.7%	66.7% #578A5E	RGB 87 138 94	#578A5E
83.3%	83.3% #82A486	RGB 130 164 134	#82A486
100.0%	100.0% #B6BFB7	RGB 182 191 183	#B6BFB7

#002006 #093A11 #1A5524 #356F3D #578A5E #82A486 #B6BFB7

#002006 - #356F3D - #B6BFB7

CSS codes

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

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