#95E5E5 - #3BA7AD | 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 #95E5E5 to #3BA7AD

#95E5E5 #3BA7AD

Calculate the color between two colors, #95E5E5 and #3BA7AD. 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)

#95E5E5 - #3BA7AD | 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 #95E5E5 as 0% and #3BA7AD as 100%.

0.0%	0.0% #95E5E5	RGB 149 229 229	#95E5E5
16.7%	16.7% #86DADB	RGB 134 218 219	#86DADB
33.3%	33.3% #77D0D2	RGB 119 208 210	#77D0D2
50.0%	50.0% #68C6C9	RGB 104 198 201	#68C6C9
66.7%	66.7% #59BBBF	RGB 89 187 191	#59BBBF
83.3%	83.3% #4AB1B6	RGB 74 177 182	#4AB1B6
100.0%	100.0% #3BA7AD	RGB 59 167 173	#3BA7AD

#95E5E5 #86DADB #77D0D2 #68C6C9 #59BBBF #4AB1B6 #3BA7AD

#95E5E5 - #3BA7AD

HSV Blend

#95E5E5 - #3BA7AD | 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 #95E5E5 as 0% and #3BA7AD as 100%.

0.0%	0.0% #95E5E5	RGB 149 229 229	#95E5E5
16.7%	16.7% #83DADB	RGB 131 218 219	#83DADB
33.3%	33.3% #73D0D2	RGB 115 208 210	#73D0D2
50.0%	50.0% #63C6C9	RGB 99 198 201	#63C6C9
66.7%	66.7% #55BBBF	RGB 85 187 191	#55BBBF
83.3%	83.3% #47B1B6	RGB 71 177 182	#47B1B6
100.0%	100.0% #3BA7AD	RGB 59 167 173	#3BA7AD

#95E5E5 #83DADB #73D0D2 #63C6C9 #55BBBF #47B1B6 #3BA7AD

#95E5E5 - #63C6C9 - #3BA7AD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #95E5E5 0%, #63C6C9 50%, #3BA7AD 100%);
    background: -webkit-linear-gradient(top, #95E5E5 0%, #63C6C9 50%, #3BA7AD 100%);
    background: linear-gradient(to bottom, #95E5E5 0%, #63C6C9 50%, #3BA7AD 100%);
}
</style>