#C6FF4C - #82DC17 | 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 #C6FF4C to #82DC17

#C6FF4C #82DC17

Calculate the color between two colors, #C6FF4C and #82DC17. 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)

#C6FF4C - #82DC17 | 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 #C6FF4C as 0% and #82DC17 as 100%.

0.0%	0.0% #C6FF4C	RGB 198 255 76	#C6FF4C
16.7%	16.7% #BAF943	RGB 186 249 67	#BAF943
33.3%	33.3% #AFF33A	RGB 175 243 58	#AFF33A
50.0%	50.0% #A4ED31	RGB 164 237 49	#A4ED31
66.7%	66.7% #98E728	RGB 152 231 40	#98E728
83.3%	83.3% #8DE11F	RGB 141 225 31	#8DE11F
100.0%	100.0% #82DC17	RGB 130 220 23	#82DC17

#C6FF4C #BAF943 #AFF33A #A4ED31 #98E728 #8DE11F #82DC17

#C6FF4C - #82DC17

HSV Blend

#C6FF4C - #82DC17 | 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 #C6FF4C as 0% and #82DC17 as 100%.

0.0%	0.0% #C6FF4B	RGB 198 255 75	#C6FF4B
16.7%	16.7% #BAF942	RGB 186 249 66	#BAF942
33.3%	33.3% #AFF338	RGB 175 243 56	#AFF338
50.0%	50.0% #A3ED2F	RGB 163 237 47	#A3ED2F
66.7%	66.7% #98E727	RGB 152 231 39	#98E727
83.3%	83.3% #8DE11E	RGB 141 225 30	#8DE11E
100.0%	100.0% #82DC17	RGB 130 220 23	#82DC17

#C6FF4B #BAF942 #AFF338 #A3ED2F #98E727 #8DE11E #82DC17

#C6FF4C - #A3ED2F - #82DC17

CSS codes

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

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