#2D9DC9 - #B8FBA3 | 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 #2D9DC9 to #B8FBA3

#2D9DC9 #B8FBA3

Calculate the color between two colors, #2D9DC9 and #B8FBA3. 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)

#2D9DC9 - #B8FBA3 | 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 #2D9DC9 as 0% and #B8FBA3 as 100%.

0.0%	0.0% #2D9DC9	RGB 45 157 201	#2D9DC9
16.7%	16.7% #44ACC2	RGB 68 172 194	#44ACC2
33.3%	33.3% #5BBCBC	RGB 91 188 188	#5BBCBC
50.0%	50.0% #72CCB6	RGB 114 204 182	#72CCB6
66.7%	66.7% #89DBAF	RGB 137 219 175	#89DBAF
83.3%	83.3% #A0EBA9	RGB 160 235 169	#A0EBA9
100.0%	100.0% #B8FBA3	RGB 184 251 163	#B8FBA3

#2D9DC9 #44ACC2 #5BBCBC #72CCB6 #89DBAF #A0EBA9 #B8FBA3

#2D9DC9 - #B8FBA3

HSV Blend

#2D9DC9 - #B8FBA3 | 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 #2D9DC9 as 0% and #B8FBA3 as 100%.

0.0%	0.0% #2D9CC9	RGB 45 156 201	#2D9CC9
16.7%	16.7% #3DCDD1	RGB 61 205 209	#3DCDD1
33.3%	33.3% #4FD9BA	RGB 79 217 186	#4FD9BA
50.0%	50.0% #62E2A5	RGB 98 226 165	#62E2A5
66.7%	66.7% #76EA95	RGB 118 234 149	#76EA95
83.3%	83.3% #8CF28D	RGB 140 242 141	#8CF28D
100.0%	100.0% #B8FBA3	RGB 184 251 163	#B8FBA3

#2D9CC9 #3DCDD1 #4FD9BA #62E2A5 #76EA95 #8CF28D #B8FBA3

#2D9DC9 - #62E2A5 - #B8FBA3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D9CC9 0%, #62E2A5 50%, #B8FBA3 100%);
    background: -webkit-linear-gradient(top, #2D9CC9 0%, #62E2A5 50%, #B8FBA3 100%);
    background: linear-gradient(to bottom, #2D9CC9 0%, #62E2A5 50%, #B8FBA3 100%);
}
</style>