#00A2AD - #BBF7CF | 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 #00A2AD to #BBF7CF

#00A2AD #BBF7CF

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

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

0.0%	0.0% #00A2AD	RGB 0 162 173	#00A2AD
16.7%	16.7% #1FB0B2	RGB 31 176 178	#1FB0B2
33.3%	33.3% #3EBEB8	RGB 62 190 184	#3EBEB8
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% #BBF7CF	RGB 187 247 207	#BBF7CF

#00A2AD #1FB0B2 #3EBEB8 #5DCCBE #7CDAC3 #9BE8C9 #BBF7CF

#00A2AD - #BBF7CF

HSV Blend

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

0.0%	0.0% #00A2AD	RGB 0 162 173	#00A2AD
16.7%	16.7% #17B9AF	RGB 23 185 175	#17B9AF
33.3%	33.3% #31C5AB	RGB 49 197 171	#31C5AB
50.0%	50.0% #4FD2AA	RGB 79 210 170	#4FD2AA
66.7%	66.7% #70DEAF	RGB 112 222 175	#70DEAF
83.3%	83.3% #94EABB	RGB 148 234 187	#94EABB
100.0%	100.0% #BBF7CF	RGB 187 247 207	#BBF7CF

#00A2AD #17B9AF #31C5AB #4FD2AA #70DEAF #94EABB #BBF7CF

#00A2AD - #4FD2AA - #BBF7CF

CSS codes

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

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