#00AA6E - #BFFBAB | 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 #00AA6E to #BFFBAB

#00AA6E #BFFBAB

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

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

0.0%	0.0% #00AA6E	RGB 0 170 110	#00AA6E
16.7%	16.7% #1FB778	RGB 31 183 120	#1FB778
33.3%	33.3% #3FC582	RGB 63 197 130	#3FC582
50.0%	50.0% #5FD28C	RGB 95 210 140	#5FD28C
66.7%	66.7% #7FE096	RGB 127 224 150	#7FE096
83.3%	83.3% #9FEDA0	RGB 159 237 160	#9FEDA0
100.0%	100.0% #BFFBAB	RGB 191 251 171	#BFFBAB

#00AA6E #1FB778 #3FC582 #5FD28C #7FE096 #9FEDA0 #BFFBAB

#00AA6E - #BFFBAB

HSV Blend

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

0.0%	0.0% #00AA6E	RGB 0 170 110	#00AA6E
16.7%	16.7% #14B765	RGB 20 183 101	#14B765
33.3%	33.3% #2CC561	RGB 44 197 97	#2CC561
50.0%	50.0% #47D263	RGB 71 210 99	#47D263
66.7%	66.7% #65E06B	RGB 101 224 107	#65E06B
83.3%	83.3% #91ED86	RGB 145 237 134	#91ED86
100.0%	100.0% #BFFBAB	RGB 191 251 171	#BFFBAB

#00AA6E #14B765 #2CC561 #47D263 #65E06B #91ED86 #BFFBAB

#00AA6E - #47D263 - #BFFBAB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00AA6E 0%, #47D263 50%, #BFFBAB 100%);
    background: -webkit-linear-gradient(top, #00AA6E 0%, #47D263 50%, #BFFBAB 100%);
    background: linear-gradient(to bottom, #00AA6E 0%, #47D263 50%, #BFFBAB 100%);
}
</style>