#0099A8 - #B2F1CF | 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 #0099A8 to #B2F1CF

#0099A8 #B2F1CF

Calculate the color between two colors, #0099A8 and #B2F1CF. 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)

#0099A8 - #B2F1CF | 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 #0099A8 as 0% and #B2F1CF as 100%.

0.0%	0.0% #0099A8	RGB 0 153 168	#0099A8
16.7%	16.7% #1DA7AE	RGB 29 167 174	#1DA7AE
33.3%	33.3% #3BB6B5	RGB 59 182 181	#3BB6B5
50.0%	50.0% #59C5BB	RGB 89 197 187	#59C5BB
66.7%	66.7% #76D3C2	RGB 118 211 194	#76D3C2
83.3%	83.3% #94E2C8	RGB 148 226 200	#94E2C8
100.0%	100.0% #B2F1CF	RGB 178 241 207	#B2F1CF

#0099A8 #1DA7AE #3BB6B5 #59C5BB #76D3C2 #94E2C8 #B2F1CF

#0099A8 - #B2F1CF

HSV Blend

#0099A8 - #B2F1CF | 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 #0099A8 as 0% and #B2F1CF as 100%.

0.0%	0.0% #0099A8	RGB 0 153 168	#0099A8
16.7%	16.7% #16B4B1	RGB 22 180 177	#16B4B1
33.3%	33.3% #2FC0AE	RGB 47 192 174	#2FC0AE
50.0%	50.0% #4BCCAF	RGB 75 204 175	#4BCCAF
66.7%	66.7% #6AD8B4	RGB 106 216 180	#6AD8B4
83.3%	83.3% #8CE4BE	RGB 140 228 190	#8CE4BE
100.0%	100.0% #B2F1CF	RGB 178 241 207	#B2F1CF

#0099A8 #16B4B1 #2FC0AE #4BCCAF #6AD8B4 #8CE4BE #B2F1CF

#0099A8 - #4BCCAF - #B2F1CF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0099A8 0%, #4BCCAF 50%, #B2F1CF 100%);
    background: -webkit-linear-gradient(top, #0099A8 0%, #4BCCAF 50%, #B2F1CF 100%);
    background: linear-gradient(to bottom, #0099A8 0%, #4BCCAF 50%, #B2F1CF 100%);
}
</style>