#006D5E - #B6D5D0 | 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 #006D5E to #B6D5D0

#006D5E #B6D5D0

Calculate the color between two colors, #006D5E and #B6D5D0. 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)

#006D5E - #B6D5D0 | 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 #006D5E as 0% and #B6D5D0 as 100%.

0.0%	0.0% #006D5E	RGB 0 109 94	#006D5E
16.7%	16.7% #1E7E71	RGB 30 126 113	#1E7E71
33.3%	33.3% #3C8F84	RGB 60 143 132	#3C8F84
50.0%	50.0% #5BA197	RGB 91 161 151	#5BA197
66.7%	66.7% #79B2AA	RGB 121 178 170	#79B2AA
83.3%	83.3% #97C3BD	RGB 151 195 189	#97C3BD
100.0%	100.0% #B6D5D0	RGB 182 213 208	#B6D5D0

#006D5E #1E7E71 #3C8F84 #5BA197 #79B2AA #97C3BD #B6D5D0

#006D5E - #B6D5D0

HSV Blend

#006D5E - #B6D5D0 | 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 #006D5E as 0% and #B6D5D0 as 100%.

0.0%	0.0% #006D5E	RGB 0 109 94	#006D5E
16.7%	16.7% #117E6E	RGB 17 126 110	#117E6E
33.3%	33.3% #288F80	RGB 40 143 128	#288F80
50.0%	50.0% #44A193	RGB 68 161 147	#44A193
66.7%	66.7% #65B2A6	RGB 101 178 166	#65B2A6
83.3%	83.3% #8BC3BA	RGB 139 195 186	#8BC3BA
100.0%	100.0% #B6D5D0	RGB 182 213 208	#B6D5D0

#006D5E #117E6E #288F80 #44A193 #65B2A6 #8BC3BA #B6D5D0

#006D5E - #44A193 - #B6D5D0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #006D5E 0%, #44A193 50%, #B6D5D0 100%);
    background: -webkit-linear-gradient(top, #006D5E 0%, #44A193 50%, #B6D5D0 100%);
    background: linear-gradient(to bottom, #006D5E 0%, #44A193 50%, #B6D5D0 100%);
}
</style>