#2ABD95 - #C2ECE0 | 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 #2ABD95 to #C2ECE0

#2ABD95 #C2ECE0

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

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

0.0%	0.0% #2ABD95	RGB 42 189 149	#2ABD95
16.7%	16.7% #43C4A1	RGB 67 196 161	#43C4A1
33.3%	33.3% #5CCCAE	RGB 92 204 174	#5CCCAE
50.0%	50.0% #76D4BA	RGB 118 212 186	#76D4BA
66.7%	66.7% #8FDCC7	RGB 143 220 199	#8FDCC7
83.3%	83.3% #A8E4D3	RGB 168 228 211	#A8E4D3
100.0%	100.0% #C2ECE0	RGB 194 236 224	#C2ECE0

#2ABD95 #43C4A1 #5CCCAE #76D4BA #8FDCC7 #A8E4D3 #C2ECE0

#2ABD95 - #C2ECE0

HSV Blend

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

0.0%	0.0% #29BD95	RGB 41 189 149	#29BD95
16.7%	16.7% #3FC4A0	RGB 63 196 160	#3FC4A0
33.3%	33.3% #56CCAB	RGB 86 204 171	#56CCAB
50.0%	50.0% #6ED4B8	RGB 110 212 184	#6ED4B8
66.7%	66.7% #89DCC4	RGB 137 220 196	#89DCC4
83.3%	83.3% #A4E4D2	RGB 164 228 210	#A4E4D2
100.0%	100.0% #C2ECE0	RGB 194 236 224	#C2ECE0

#29BD95 #3FC4A0 #56CCAB #6ED4B8 #89DCC4 #A4E4D2 #C2ECE0

#2ABD95 - #6ED4B8 - #C2ECE0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #29BD95 0%, #6ED4B8 50%, #C2ECE0 100%);
    background: -webkit-linear-gradient(top, #29BD95 0%, #6ED4B8 50%, #C2ECE0 100%);
    background: linear-gradient(to bottom, #29BD95 0%, #6ED4B8 50%, #C2ECE0 100%);
}
</style>