#BFD6B2 - #73AD5E | 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 #BFD6B2 to #73AD5E

#BFD6B2 #73AD5E

Calculate the color between two colors, #BFD6B2 and #73AD5E. 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)

#BFD6B2 - #73AD5E | 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 #BFD6B2 as 0% and #73AD5E as 100%.

0.0%	0.0% #BFD6B2	RGB 191 214 178	#BFD6B2
16.7%	16.7% #B2CFA4	RGB 178 207 164	#B2CFA4
33.3%	33.3% #A5C896	RGB 165 200 150	#A5C896
50.0%	50.0% #99C188	RGB 153 193 136	#99C188
66.7%	66.7% #8CBA7A	RGB 140 186 122	#8CBA7A
83.3%	83.3% #7FB36C	RGB 127 179 108	#7FB36C
100.0%	100.0% #73AD5E	RGB 115 173 94	#73AD5E

#BFD6B2 #B2CFA4 #A5C896 #99C188 #8CBA7A #7FB36C #73AD5E

#BFD6B2 - #73AD5E

HSV Blend

#BFD6B2 - #73AD5E | 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 #BFD6B2 as 0% and #73AD5E as 100%.

0.0%	0.0% #BFD6B2	RGB 191 214 178	#BFD6B2
16.7%	16.7% #B1CFA2	RGB 177 207 162	#B1CFA2
33.3%	33.3% #A4C893	RGB 164 200 147	#A4C893
50.0%	50.0% #97C185	RGB 151 193 133	#97C185
66.7%	66.7% #8BBA77	RGB 139 186 119	#8BBA77
83.3%	83.3% #7FB36A	RGB 127 179 106	#7FB36A
100.0%	100.0% #73AD5E	RGB 115 173 94	#73AD5E

#BFD6B2 #B1CFA2 #A4C893 #97C185 #8BBA77 #7FB36A #73AD5E

#BFD6B2 - #97C185 - #73AD5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BFD6B2 0%, #97C185 50%, #73AD5E 100%);
    background: -webkit-linear-gradient(top, #BFD6B2 0%, #97C185 50%, #73AD5E 100%);
    background: linear-gradient(to bottom, #BFD6B2 0%, #97C185 50%, #73AD5E 100%);
}
</style>