#C7FF60 - #B8EA1B | 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 #C7FF60 to #B8EA1B

#C7FF60 #B8EA1B

Calculate the color between two colors, #C7FF60 and #B8EA1B. 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)

#C7FF60 - #B8EA1B | 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 #C7FF60 as 0% and #B8EA1B as 100%.

0.0%	0.0% #C7FF60	RGB 199 255 96	#C7FF60
16.7%	16.7% #C4FB54	RGB 196 251 84	#C4FB54
33.3%	33.3% #C2F849	RGB 194 248 73	#C2F849
50.0%	50.0% #BFF43D	RGB 191 244 61	#BFF43D
66.7%	66.7% #BDF132	RGB 189 241 50	#BDF132
83.3%	83.3% #BAED26	RGB 186 237 38	#BAED26
100.0%	100.0% #B8EA1B	RGB 184 234 27	#B8EA1B

#C7FF60 #C4FB54 #C2F849 #BFF43D #BDF132 #BAED26 #B8EA1B

#C7FF60 - #B8EA1B

HSV Blend

#C7FF60 - #B8EA1B | 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 #C7FF60 as 0% and #B8EA1B as 100%.

0.0%	0.0% #C7FF60	RGB 199 255 96	#C7FF60
16.7%	16.7% #C3FB53	RGB 195 251 83	#C3FB53
33.3%	33.3% #C0F847	RGB 192 248 71	#C0F847
50.0%	50.0% #BDF43C	RGB 189 244 60	#BDF43C
66.7%	66.7% #BBF130	RGB 187 241 48	#BBF130
83.3%	83.3% #B9ED25	RGB 185 237 37	#B9ED25
100.0%	100.0% #B8EA1B	RGB 184 234 27	#B8EA1B

#C7FF60 #C3FB53 #C0F847 #BDF43C #BBF130 #B9ED25 #B8EA1B

#C7FF60 - #BDF43C - #B8EA1B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7FF60 0%, #BDF43C 50%, #B8EA1B 100%);
    background: -webkit-linear-gradient(top, #C7FF60 0%, #BDF43C 50%, #B8EA1B 100%);
    background: linear-gradient(to bottom, #C7FF60 0%, #BDF43C 50%, #B8EA1B 100%);
}
</style>