#003906 - #B6C6B7 | 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 #003906 to #B6C6B7

#003906 #B6C6B7

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

#003906 - #B6C6B7 | 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 #003906 as 0% and #B6C6B7 as 100%.

0.0%	0.0% #003906	RGB 0 57 6	#003906
16.7%	16.7% #1E5023	RGB 30 80 35	#1E5023
33.3%	33.3% #3C6841	RGB 60 104 65	#3C6841
50.0%	50.0% #5B7F5E	RGB 91 127 94	#5B7F5E
66.7%	66.7% #79977C	RGB 121 151 124	#79977C
83.3%	83.3% #97AE99	RGB 151 174 153	#97AE99
100.0%	100.0% #B6C6B7	RGB 182 198 183	#B6C6B7

#003906 #1E5023 #3C6841 #5B7F5E #79977C #97AE99 #B6C6B7

#003906 - #B6C6B7

HSV Blend

#003906 - #B6C6B7 | 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 #003906 as 0% and #B6C6B7 as 100%.

0.0%	0.0% #003906	RGB 0 57 6	#003906
16.7%	16.7% #0C5013	RGB 12 80 19	#0C5013
33.3%	33.3% #1F6826	RGB 31 104 38	#1F6826
50.0%	50.0% #3A7F40	RGB 58 127 64	#3A7F40
66.7%	66.7% #5C9761	RGB 92 151 97	#5C9761
83.3%	83.3% #85AE88	RGB 133 174 136	#85AE88
100.0%	100.0% #B6C6B7	RGB 182 198 183	#B6C6B7

#003906 #0C5013 #1F6826 #3A7F40 #5C9761 #85AE88 #B6C6B7

#003906 - #3A7F40 - #B6C6B7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #003906 0%, #3A7F40 50%, #B6C6B7 100%);
    background: -webkit-linear-gradient(top, #003906 0%, #3A7F40 50%, #B6C6B7 100%);
    background: linear-gradient(to bottom, #003906 0%, #3A7F40 50%, #B6C6B7 100%);
}
</style>