#7AD7DB - #2DB6B2 | 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 #7AD7DB to #2DB6B2

#7AD7DB #2DB6B2

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

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

0.0%	0.0% #7AD7DB	RGB 122 215 219	#7AD7DB
16.7%	16.7% #6DD1D4	RGB 109 209 212	#6DD1D4
33.3%	33.3% #60CCCD	RGB 96 204 205	#60CCCD
50.0%	50.0% #53C6C6	RGB 83 198 198	#53C6C6
66.7%	66.7% #46C1BF	RGB 70 193 191	#46C1BF
83.3%	83.3% #39BBB8	RGB 57 187 184	#39BBB8
100.0%	100.0% #2DB6B2	RGB 45 182 178	#2DB6B2

#7AD7DB #6DD1D4 #60CCCD #53C6C6 #46C1BF #39BBB8 #2DB6B2

#7AD7DB - #2DB6B2

HSV Blend

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

0.0%	0.0% #7AD7DB	RGB 122 215 219	#7AD7DB
16.7%	16.7% #6BD1D4	RGB 107 209 212	#6BD1D4
33.3%	33.3% #5DCCCE	RGB 93 204 206	#5DCCCE
50.0%	50.0% #50C7C8	RGB 80 199 200	#50C7C8
66.7%	66.7% #44C2C1	RGB 68 194 193	#44C2C1
83.3%	83.3% #38BCB9	RGB 56 188 185	#38BCB9
100.0%	100.0% #2DB6B2	RGB 45 182 178	#2DB6B2

#7AD7DB #6BD1D4 #5DCCCE #50C7C8 #44C2C1 #38BCB9 #2DB6B2

#7AD7DB - #50C7C8 - #2DB6B2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7AD7DB 0%, #50C7C8 50%, #2DB6B2 100%);
    background: -webkit-linear-gradient(top, #7AD7DB 0%, #50C7C8 50%, #2DB6B2 100%);
    background: linear-gradient(to bottom, #7AD7DB 0%, #50C7C8 50%, #2DB6B2 100%);
}
</style>