#CDFF3A - #8AD611 | 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 #CDFF3A to #8AD611

#CDFF3A #8AD611

Calculate the color between two colors, #CDFF3A and #8AD611. 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)

#CDFF3A - #8AD611 | 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 #CDFF3A as 0% and #8AD611 as 100%.

0.0%	0.0% #CDFF3A	RGB 205 255 58	#CDFF3A
16.7%	16.7% #C1F833	RGB 193 248 51	#C1F833
33.3%	33.3% #B6F12C	RGB 182 241 44	#B6F12C
50.0%	50.0% #ABEA25	RGB 171 234 37	#ABEA25
66.7%	66.7% #A0E31E	RGB 160 227 30	#A0E31E
83.3%	83.3% #95DC17	RGB 149 220 23	#95DC17
100.0%	100.0% #8AD611	RGB 138 214 17	#8AD611

#CDFF3A #C1F833 #B6F12C #ABEA25 #A0E31E #95DC17 #8AD611

#CDFF3A - #8AD611

HSV Blend

#CDFF3A - #8AD611 | 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 #CDFF3A as 0% and #8AD611 as 100%.

0.0%	0.0% #CDFF39	RGB 205 255 57	#CDFF39
16.7%	16.7% #C1F832	RGB 193 248 50	#C1F832
33.3%	33.3% #B6F12A	RGB 182 241 42	#B6F12A
50.0%	50.0% #ABEA23	RGB 171 234 35	#ABEA23
66.7%	66.7% #9FE31D	RGB 159 227 29	#9FE31D
83.3%	83.3% #94DC16	RGB 148 220 22	#94DC16
100.0%	100.0% #8AD611	RGB 138 214 17	#8AD611

#CDFF39 #C1F832 #B6F12A #ABEA23 #9FE31D #94DC16 #8AD611

#CDFF3A - #ABEA23 - #8AD611

CSS codes

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

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