#2D8C9A - #BFD7BF | 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 #2D8C9A to #BFD7BF

#2D8C9A #BFD7BF

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

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

0.0%	0.0% #2D8C9A	RGB 45 140 154	#2D8C9A
16.7%	16.7% #4598A0	RGB 69 152 160	#4598A0
33.3%	33.3% #5DA5A6	RGB 93 165 166	#5DA5A6
50.0%	50.0% #76B1AC	RGB 118 177 172	#76B1AC
66.7%	66.7% #8EBEB2	RGB 142 190 178	#8EBEB2
83.3%	83.3% #A6CAB8	RGB 166 202 184	#A6CAB8
100.0%	100.0% #BFD7BF	RGB 191 215 191	#BFD7BF

#2D8C9A #4598A0 #5DA5A6 #76B1AC #8EBEB2 #A6CAB8 #BFD7BF

#2D8C9A - #BFD7BF

HSV Blend

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

0.0%	0.0% #2D8C9A	RGB 45 140 154	#2D8C9A
16.7%	16.7% #40A49E	RGB 64 164 158	#40A49E
33.3%	33.3% #55AE98	RGB 85 174 152	#55AE98
50.0%	50.0% #6CB897	RGB 108 184 151	#6CB897
66.7%	66.7% #86C29C	RGB 134 194 156	#86C29C
83.3%	83.3% #A1CCA9	RGB 161 204 169	#A1CCA9
100.0%	100.0% #BFD7BF	RGB 191 215 191	#BFD7BF

#2D8C9A #40A49E #55AE98 #6CB897 #86C29C #A1CCA9 #BFD7BF

#2D8C9A - #6CB897 - #BFD7BF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D8C9A 0%, #6CB897 50%, #BFD7BF 100%);
    background: -webkit-linear-gradient(top, #2D8C9A 0%, #6CB897 50%, #BFD7BF 100%);
    background: linear-gradient(to bottom, #2D8C9A 0%, #6CB897 50%, #BFD7BF 100%);
}
</style>