#005220 - #B6CDBF | 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 #005220 to #B6CDBF

#005220 #B6CDBF

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

#005220 - #B6CDBF | 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 #005220 as 0% and #B6CDBF as 100%.

0.0%	0.0% #005220	RGB 0 82 32	#005220
16.7%	16.7% #1E663A	RGB 30 102 58	#1E663A
33.3%	33.3% #3C7B55	RGB 60 123 85	#3C7B55
50.0%	50.0% #5B8F6F	RGB 91 143 111	#5B8F6F
66.7%	66.7% #79A48A	RGB 121 164 138	#79A48A
83.3%	83.3% #97B8A4	RGB 151 184 164	#97B8A4
100.0%	100.0% #B6CDBF	RGB 182 205 191	#B6CDBF

#005220 #1E663A #3C7B55 #5B8F6F #79A48A #97B8A4 #B6CDBF

#005220 - #B6CDBF

HSV Blend

#005220 - #B6CDBF | 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 #005220 as 0% and #B6CDBF as 100%.

0.0%	0.0% #005220	RGB 0 82 32	#005220
16.7%	16.7% #0F6631	RGB 15 102 49	#0F6631
33.3%	33.3% #247B46	RGB 36 123 70	#247B46
50.0%	50.0% #3F8F5E	RGB 63 143 94	#3F8F5E
66.7%	66.7% #61A47B	RGB 97 164 123	#61A47B
83.3%	83.3% #88B89B	RGB 136 184 155	#88B89B
100.0%	100.0% #B6CDBF	RGB 182 205 191	#B6CDBF

#005220 #0F6631 #247B46 #3F8F5E #61A47B #88B89B #B6CDBF

#005220 - #3F8F5E - #B6CDBF

CSS codes

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

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