#00A6B5 - #BBF9D2 | 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 #00A6B5 to #BBF9D2

#00A6B5 #BBF9D2

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

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

0.0%	0.0% #00A6B5	RGB 0 166 181	#00A6B5
16.7%	16.7% #1FB3B9	RGB 31 179 185	#1FB3B9
33.3%	33.3% #3EC1BE	RGB 62 193 190	#3EC1BE
50.0%	50.0% #5DCFC3	RGB 93 207 195	#5DCFC3
66.7%	66.7% #7CDDC8	RGB 124 221 200	#7CDDC8
83.3%	83.3% #9BEBCD	RGB 155 235 205	#9BEBCD
100.0%	100.0% #BBF9D2	RGB 187 249 210	#BBF9D2

#00A6B5 #1FB3B9 #3EC1BE #5DCFC3 #7CDDC8 #9BEBCD #BBF9D2

#00A6B5 - #BBF9D2

HSV Blend

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

0.0%	0.0% #00A6B5	RGB 0 166 181	#00A6B5
16.7%	16.7% #18C0BA	RGB 24 192 186	#18C0BA
33.3%	33.3% #32CBB4	RGB 50 203 180	#32CBB4
50.0%	50.0% #50D7B2	RGB 80 215 178	#50D7B2
66.7%	66.7% #71E2B6	RGB 113 226 182	#71E2B6
83.3%	83.3% #94EDC0	RGB 148 237 192	#94EDC0
100.0%	100.0% #BBF9D2	RGB 187 249 210	#BBF9D2

#00A6B5 #18C0BA #32CBB4 #50D7B2 #71E2B6 #94EDC0 #BBF9D2

#00A6B5 - #50D7B2 - #BBF9D2

CSS codes

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

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