#00AD74 - #BDFBAB | 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 #00AD74 to #BDFBAB

#00AD74 #BDFBAB

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

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

0.0%	0.0% #00AD74	RGB 0 173 116	#00AD74
16.7%	16.7% #1FBA7D	RGB 31 186 125	#1FBA7D
33.3%	33.3% #3FC786	RGB 63 199 134	#3FC786
50.0%	50.0% #5ED48F	RGB 94 212 143	#5ED48F
66.7%	66.7% #7EE198	RGB 126 225 152	#7EE198
83.3%	83.3% #9DEEA1	RGB 157 238 161	#9DEEA1
100.0%	100.0% #BDFBAB	RGB 189 251 171	#BDFBAB

#00AD74 #1FBA7D #3FC786 #5ED48F #7EE198 #9DEEA1 #BDFBAB

#00AD74 - #BDFBAB

HSV Blend

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

0.0%	0.0% #00AD74	RGB 0 173 116	#00AD74
16.7%	16.7% #15BA6B	RGB 21 186 107	#15BA6B
33.3%	33.3% #2DC766	RGB 45 199 102	#2DC766
50.0%	50.0% #48D467	RGB 72 212 103	#48D467
66.7%	66.7% #66E16F	RGB 102 225 111	#66E16F
83.3%	83.3% #8EEE87	RGB 142 238 135	#8EEE87
100.0%	100.0% #BDFBAB	RGB 189 251 171	#BDFBAB

#00AD74 #15BA6B #2DC766 #48D467 #66E16F #8EEE87 #BDFBAB

#00AD74 - #48D467 - #BDFBAB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00AD74 0%, #48D467 50%, #BDFBAB 100%);
    background: -webkit-linear-gradient(top, #00AD74 0%, #48D467 50%, #BDFBAB 100%);
    background: linear-gradient(to bottom, #00AD74 0%, #48D467 50%, #BDFBAB 100%);
}
</style>