#00A69B - #ADFF94 | 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 #00A69B to #ADFF94

#00A69B #ADFF94

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

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

0.0%	0.0% #00A69B	RGB 0 166 155	#00A69B
16.7%	16.7% #1CB499	RGB 28 180 153	#1CB499
33.3%	33.3% #39C398	RGB 57 195 152	#39C398
50.0%	50.0% #56D297	RGB 86 210 151	#56D297
66.7%	66.7% #73E196	RGB 115 225 150	#73E196
83.3%	83.3% #90F095	RGB 144 240 149	#90F095
100.0%	100.0% #ADFF94	RGB 173 255 148	#ADFF94

#00A69B #1CB499 #39C398 #56D297 #73E196 #90F095 #ADFF94

#00A69B - #ADFF94

HSV Blend

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

0.0%	0.0% #00A69B	RGB 0 166 155	#00A69B
16.7%	16.7% #11B48A	RGB 17 180 138	#11B48A
33.3%	33.3% #25C37B	RGB 37 195 123	#25C37B
50.0%	50.0% #3DD271	RGB 61 210 113	#3DD271
66.7%	66.7% #57E16C	RGB 87 225 108	#57E16C
83.3%	83.3% #79F074	RGB 121 240 116	#79F074
100.0%	100.0% #ADFF94	RGB 173 255 148	#ADFF94

#00A69B #11B48A #25C37B #3DD271 #57E16C #79F074 #ADFF94

#00A69B - #3DD271 - #ADFF94

CSS codes

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

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