#BDFF92 - #71ED43 | 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 #BDFF92 to #71ED43

#BDFF92 #71ED43

Calculate the color between two colors, #BDFF92 and #71ED43. 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)

#BDFF92 - #71ED43 | 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 #BDFF92 as 0% and #71ED43 as 100%.

0.0%	0.0% #BDFF92	RGB 189 255 146	#BDFF92
16.7%	16.7% #B0FC84	RGB 176 252 132	#B0FC84
33.3%	33.3% #A3F977	RGB 163 249 119	#A3F977
50.0%	50.0% #97F66A	RGB 151 246 106	#97F66A
66.7%	66.7% #8AF35D	RGB 138 243 93	#8AF35D
83.3%	83.3% #7DF050	RGB 125 240 80	#7DF050
100.0%	100.0% #71ED43	RGB 113 237 67	#71ED43

#BDFF92 #B0FC84 #A3F977 #97F66A #8AF35D #7DF050 #71ED43

#BDFF92 - #71ED43

HSV Blend

#BDFF92 - #71ED43 | 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 #BDFF92 as 0% and #71ED43 as 100%.

0.0%	0.0% #BDFF92	RGB 189 255 146	#BDFF92
16.7%	16.7% #B0FC84	RGB 176 252 132	#B0FC84
33.3%	33.3% #A4F976	RGB 164 249 118	#A4F976
50.0%	50.0% #98F669	RGB 152 246 105	#98F669
66.7%	66.7% #8BF35C	RGB 139 243 92	#8BF35C
83.3%	83.3% #7EF04F	RGB 126 240 79	#7EF04F
100.0%	100.0% #71ED43	RGB 113 237 67	#71ED43

#BDFF92 #B0FC84 #A4F976 #98F669 #8BF35C #7EF04F #71ED43

#BDFF92 - #98F669 - #71ED43

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BDFF92 0%, #98F669 50%, #71ED43 100%);
    background: -webkit-linear-gradient(top, #BDFF92 0%, #98F669 50%, #71ED43 100%);
    background: linear-gradient(to bottom, #BDFF92 0%, #98F669 50%, #71ED43 100%);
}
</style>