#2D9A8C - #B4DF9D | 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 #2D9A8C to #B4DF9D

#2D9A8C #B4DF9D

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

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

0.0%	0.0% #2D9A8C	RGB 45 154 140	#2D9A8C
16.7%	16.7% #43A58E	RGB 67 165 142	#43A58E
33.3%	33.3% #5AB191	RGB 90 177 145	#5AB191
50.0%	50.0% #70BC94	RGB 112 188 148	#70BC94
66.7%	66.7% #87C897	RGB 135 200 151	#87C897
83.3%	83.3% #9DD39A	RGB 157 211 154	#9DD39A
100.0%	100.0% #B4DF9D	RGB 180 223 157	#B4DF9D

#2D9A8C #43A58E #5AB191 #70BC94 #87C897 #9DD39A #B4DF9D

#2D9A8C - #B4DF9D

HSV Blend

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

0.0%	0.0% #2D9A8B	RGB 45 154 139	#2D9A8B
16.7%	16.7% #3BA582	RGB 59 165 130	#3BA582
33.3%	33.3% #4CB17A	RGB 76 177 122	#4CB17A
50.0%	50.0% #5DBC76	RGB 93 188 118	#5DBC76
66.7%	66.7% #71C876	RGB 113 200 118	#71C876
83.3%	83.3% #91D386	RGB 145 211 134	#91D386
100.0%	100.0% #B4DF9D	RGB 180 223 157	#B4DF9D

#2D9A8B #3BA582 #4CB17A #5DBC76 #71C876 #91D386 #B4DF9D

#2D9A8C - #5DBC76 - #B4DF9D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D9A8B 0%, #5DBC76 50%, #B4DF9D 100%);
    background: -webkit-linear-gradient(top, #2D9A8B 0%, #5DBC76 50%, #B4DF9D 100%);
    background: linear-gradient(to bottom, #2D9A8B 0%, #5DBC76 50%, #B4DF9D 100%);
}
</style>