#B5E760 - #70BF1F | 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 #B5E760 to #70BF1F

#B5E760 #70BF1F

Calculate the color between two colors, #B5E760 and #70BF1F. 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)

#B5E760 - #70BF1F | 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 #B5E760 as 0% and #70BF1F as 100%.

0.0%	0.0% #B5E760	RGB 181 231 96	#B5E760
16.7%	16.7% #A9E055	RGB 169 224 85	#A9E055
33.3%	33.3% #9ED94A	RGB 158 217 74	#9ED94A
50.0%	50.0% #92D33F	RGB 146 211 63	#92D33F
66.7%	66.7% #87CC34	RGB 135 204 52	#87CC34
83.3%	83.3% #7BC529	RGB 123 197 41	#7BC529
100.0%	100.0% #70BF1F	RGB 112 191 31	#70BF1F

#B5E760 #A9E055 #9ED94A #92D33F #87CC34 #7BC529 #70BF1F

#B5E760 - #70BF1F

HSV Blend

#B5E760 - #70BF1F | 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 #B5E760 as 0% and #70BF1F as 100%.

0.0%	0.0% #B5E760	RGB 181 231 96	#B5E760
16.7%	16.7% #A9E053	RGB 169 224 83	#A9E053
33.3%	33.3% #9DD948	RGB 157 217 72	#9DD948
50.0%	50.0% #92D33C	RGB 146 211 60	#92D33C
66.7%	66.7% #86CC32	RGB 134 204 50	#86CC32
83.3%	83.3% #7BC528	RGB 123 197 40	#7BC528
100.0%	100.0% #70BF1F	RGB 112 191 31	#70BF1F

#B5E760 #A9E053 #9DD948 #92D33C #86CC32 #7BC528 #70BF1F

#B5E760 - #92D33C - #70BF1F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5E760 0%, #92D33C 50%, #70BF1F 100%);
    background: -webkit-linear-gradient(top, #B5E760 0%, #92D33C 50%, #70BF1F 100%);
    background: linear-gradient(to bottom, #B5E760 0%, #92D33C 50%, #70BF1F 100%);
}
</style>