#00A1AD - #BAF7CF | 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 #00A1AD to #BAF7CF

#00A1AD #BAF7CF

Calculate the color between two colors, #00A1AD and #BAF7CF. 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)

#00A1AD - #BAF7CF | 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 #00A1AD as 0% and #BAF7CF as 100%.

0.0%	0.0% #00A1AD	RGB 0 161 173	#00A1AD
16.7%	16.7% #1FAFB2	RGB 31 175 178	#1FAFB2
33.3%	33.3% #3EBDB8	RGB 62 189 184	#3EBDB8
50.0%	50.0% #5DCCBE	RGB 93 204 190	#5DCCBE
66.7%	66.7% #7CDAC3	RGB 124 218 195	#7CDAC3
83.3%	83.3% #9BE8C9	RGB 155 232 201	#9BE8C9
100.0%	100.0% #BAF7CF	RGB 186 247 207	#BAF7CF

#00A1AD #1FAFB2 #3EBDB8 #5DCCBE #7CDAC3 #9BE8C9 #BAF7CF

#00A1AD - #BAF7CF

HSV Blend

#00A1AD - #BAF7CF | 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 #00A1AD as 0% and #BAF7CF as 100%.

0.0%	0.0% #00A1AD	RGB 0 161 173	#00A1AD
16.7%	16.7% #17B9B0	RGB 23 185 176	#17B9B0
33.3%	33.3% #31C5AC	RGB 49 197 172	#31C5AC
50.0%	50.0% #4FD2AB	RGB 79 210 171	#4FD2AB
66.7%	66.7% #6FDEB0	RGB 111 222 176	#6FDEB0
83.3%	83.3% #93EABB	RGB 147 234 187	#93EABB
100.0%	100.0% #BAF7CF	RGB 186 247 207	#BAF7CF

#00A1AD #17B9B0 #31C5AC #4FD2AB #6FDEB0 #93EABB #BAF7CF

#00A1AD - #4FD2AB - #BAF7CF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A1AD 0%, #4FD2AB 50%, #BAF7CF 100%);
    background: -webkit-linear-gradient(top, #00A1AD 0%, #4FD2AB 50%, #BAF7CF 100%);
    background: linear-gradient(to bottom, #00A1AD 0%, #4FD2AB 50%, #BAF7CF 100%);
}
</style>