#00A69C - #ADFF95 | 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 #00A69C to #ADFF95

#00A69C #ADFF95

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

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

0.0%	0.0% #00A69C	RGB 0 166 156	#00A69C
16.7%	16.7% #1CB49A	RGB 28 180 154	#1CB49A
33.3%	33.3% #39C399	RGB 57 195 153	#39C399
50.0%	50.0% #56D298	RGB 86 210 152	#56D298
66.7%	66.7% #73E197	RGB 115 225 151	#73E197
83.3%	83.3% #90F096	RGB 144 240 150	#90F096
100.0%	100.0% #ADFF95	RGB 173 255 149	#ADFF95

#00A69C #1CB49A #39C399 #56D298 #73E197 #90F096 #ADFF95

#00A69C - #ADFF95

HSV Blend

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

0.0%	0.0% #00A69C	RGB 0 166 156	#00A69C
16.7%	16.7% #11B48B	RGB 17 180 139	#11B48B
33.3%	33.3% #26C37C	RGB 38 195 124	#26C37C
50.0%	50.0% #3DD272	RGB 61 210 114	#3DD272
66.7%	66.7% #57E16E	RGB 87 225 110	#57E16E
83.3%	83.3% #78F074	RGB 120 240 116	#78F074
100.0%	100.0% #ADFF95	RGB 173 255 149	#ADFF95

#00A69C #11B48B #26C37C #3DD272 #57E16E #78F074 #ADFF95

#00A69C - #3DD272 - #ADFF95

CSS codes

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

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