#008D9A - #B6DEE2 | 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 #008D9A to #B6DEE2

#008D9A #B6DEE2

Calculate the color between two colors, #008D9A and #B6DEE2. 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)

#008D9A - #B6DEE2 | 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 #008D9A as 0% and #B6DEE2 as 100%.

0.0%	0.0% #008D9A	RGB 0 141 154	#008D9A
16.7%	16.7% #1E9AA6	RGB 30 154 166	#1E9AA6
33.3%	33.3% #3CA8B2	RGB 60 168 178	#3CA8B2
50.0%	50.0% #5BB5BE	RGB 91 181 190	#5BB5BE
66.7%	66.7% #79C3CA	RGB 121 195 202	#79C3CA
83.3%	83.3% #97D0D6	RGB 151 208 214	#97D0D6
100.0%	100.0% #B6DEE2	RGB 182 222 226	#B6DEE2

#008D9A #1E9AA6 #3CA8B2 #5BB5BE #79C3CA #97D0D6 #B6DEE2

#008D9A - #B6DEE2

HSV Blend

#008D9A - #B6DEE2 | 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 #008D9A as 0% and #B6DEE2 as 100%.

0.0%	0.0% #008D9A	RGB 0 141 154	#008D9A
16.7%	16.7% #1699A6	RGB 22 153 166	#1699A6
33.3%	33.3% #2FA6B2	RGB 47 166 178	#2FA6B2
50.0%	50.0% #4CB4BE	RGB 76 180 190	#4CB4BE
66.7%	66.7% #6CC1CA	RGB 108 193 202	#6CC1CA
83.3%	83.3% #8FCFD6	RGB 143 207 214	#8FCFD6
100.0%	100.0% #B6DEE2	RGB 182 222 226	#B6DEE2

#008D9A #1699A6 #2FA6B2 #4CB4BE #6CC1CA #8FCFD6 #B6DEE2

#008D9A - #4CB4BE - #B6DEE2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #008D9A 0%, #4CB4BE 50%, #B6DEE2 100%);
    background: -webkit-linear-gradient(top, #008D9A 0%, #4CB4BE 50%, #B6DEE2 100%);
    background: linear-gradient(to bottom, #008D9A 0%, #4CB4BE 50%, #B6DEE2 100%);
}
</style>