#00AD9C - #BAFF94 | 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 #00AD9C to #BAFF94

#00AD9C #BAFF94

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

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

0.0%	0.0% #00AD9C	RGB 0 173 156	#00AD9C
16.7%	16.7% #1FBA9A	RGB 31 186 154	#1FBA9A
33.3%	33.3% #3EC899	RGB 62 200 153	#3EC899
50.0%	50.0% #5DD698	RGB 93 214 152	#5DD698
66.7%	66.7% #7CE396	RGB 124 227 150	#7CE396
83.3%	83.3% #9BF195	RGB 155 241 149	#9BF195
100.0%	100.0% #BAFF94	RGB 186 255 148	#BAFF94

#00AD9C #1FBA9A #3EC899 #5DD698 #7CE396 #9BF195 #BAFF94

#00AD9C - #BAFF94

HSV Blend

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

0.0%	0.0% #00AD9B	RGB 0 173 155	#00AD9B
16.7%	16.7% #12BA86	RGB 18 186 134	#12BA86
33.3%	33.3% #26C874	RGB 38 200 116	#26C874
50.0%	50.0% #3ED667	RGB 62 214 103	#3ED667
66.7%	66.7% #58E360	RGB 88 227 96	#58E360
83.3%	83.3% #86F174	RGB 134 241 116	#86F174
100.0%	100.0% #BAFF94	RGB 186 255 148	#BAFF94

#00AD9B #12BA86 #26C874 #3ED667 #58E360 #86F174 #BAFF94

#00AD9C - #3ED667 - #BAFF94

CSS codes

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

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