#004030 - #B6C8C3 | 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 #004030 to #B6C8C3

#004030 #B6C8C3

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

#004030 - #B6C8C3 | 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 #004030 as 0% and #B6C8C3 as 100%.

0.0%	0.0% #004030	RGB 0 64 48	#004030
16.7%	16.7% #1E5648	RGB 30 86 72	#1E5648
33.3%	33.3% #3C6D61	RGB 60 109 97	#3C6D61
50.0%	50.0% #5B8479	RGB 91 132 121	#5B8479
66.7%	66.7% #799A92	RGB 121 154 146	#799A92
83.3%	83.3% #97B1AA	RGB 151 177 170	#97B1AA
100.0%	100.0% #B6C8C3	RGB 182 200 195	#B6C8C3

#004030 #1E5648 #3C6D61 #5B8479 #799A92 #97B1AA #B6C8C3

#004030 - #B6C8C3

HSV Blend

#004030 - #B6C8C3 | 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 #004030 as 0% and #B6C8C3 as 100%.

0.0%	0.0% #004030	RGB 0 64 48	#004030
16.7%	16.7% #0D5643	RGB 13 86 67	#0D5643
33.3%	33.3% #216D59	RGB 33 109 89	#216D59
50.0%	50.0% #3C8471	RGB 60 132 113	#3C8471
66.7%	66.7% #5D9A8A	RGB 93 154 138	#5D9A8A
83.3%	83.3% #86B1A5	RGB 134 177 165	#86B1A5
100.0%	100.0% #B6C8C3	RGB 182 200 195	#B6C8C3

#004030 #0D5643 #216D59 #3C8471 #5D9A8A #86B1A5 #B6C8C3

#004030 - #3C8471 - #B6C8C3

CSS codes

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

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