#00A0AF - #B6E3E8 | 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 #00A0AF to #B6E3E8

#00A0AF #B6E3E8

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

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

0.0%	0.0% #00A0AF	RGB 0 160 175	#00A0AF
16.7%	16.7% #1EABB8	RGB 30 171 184	#1EABB8
33.3%	33.3% #3CB6C2	RGB 60 182 194	#3CB6C2
50.0%	50.0% #5BC1CB	RGB 91 193 203	#5BC1CB
66.7%	66.7% #79CCD5	RGB 121 204 213	#79CCD5
83.3%	83.3% #97D7DE	RGB 151 215 222	#97D7DE
100.0%	100.0% #B6E3E8	RGB 182 227 232	#B6E3E8

#00A0AF #1EABB8 #3CB6C2 #5BC1CB #79CCD5 #97D7DE #B6E3E8

#00A0AF - #B6E3E8

HSV Blend

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

0.0%	0.0% #00A0AF	RGB 0 160 175	#00A0AF
16.7%	16.7% #18AAB8	RGB 24 170 184	#18AAB8
33.3%	33.3% #32B5C2	RGB 50 181 194	#32B5C2
50.0%	50.0% #4FC0CB	RGB 79 192 203	#4FC0CB
66.7%	66.7% #6FCBD5	RGB 111 203 213	#6FCBD5
83.3%	83.3% #91D6DE	RGB 145 214 222	#91D6DE
100.0%	100.0% #B6E3E8	RGB 182 227 232	#B6E3E8

#00A0AF #18AAB8 #32B5C2 #4FC0CB #6FCBD5 #91D6DE #B6E3E8

#00A0AF - #4FC0CB - #B6E3E8

CSS codes

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

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