#031A01 - #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 #031A01 to #B6BDB6

#031A01 #B6BDB6

Calculate the color between two colors, #031A01 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)

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

0.0%	0.0% #031A01	RGB 3 26 1	#031A01
16.7%	16.7% #20351F	RGB 32 53 31	#20351F
33.3%	33.3% #3E503D	RGB 62 80 61	#3E503D
50.0%	50.0% #5C6B5B	RGB 92 107 91	#5C6B5B
66.7%	66.7% #7A8679	RGB 122 134 121	#7A8679
83.3%	83.3% #98A197	RGB 152 161 151	#98A197
100.0%	100.0% #B6BDB6	RGB 182 189 182	#B6BDB6

#031A01 #20351F #3E503D #5C6B5B #7A8679 #98A197 #B6BDB6

#031A01 - #B6BDB6

HSV Blend

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

0.0%	0.0% #031A01	RGB 3 26 1	#031A01
16.7%	16.7% #0D350A	RGB 13 53 10	#0D350A
33.3%	33.3% #1E501B	RGB 30 80 27	#1E501B
50.0%	50.0% #376B35	RGB 55 107 53	#376B35
66.7%	66.7% #598658	RGB 89 134 88	#598658
83.3%	83.3% #83A182	RGB 131 161 130	#83A182
100.0%	100.0% #B6BDB6	RGB 182 189 182	#B6BDB6

#031A01 #0D350A #1E501B #376B35 #598658 #83A182 #B6BDB6

#031A01 - #376B35 - #B6BDB6

CSS codes

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

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