#CFFF97 - #A8EC3F | 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 #CFFF97 to #A8EC3F

#CFFF97 #A8EC3F

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

#CFFF97 - #A8EC3F | 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 #CFFF97 as 0% and #A8EC3F as 100%.

0.0%	0.0% #CFFF97	RGB 207 255 151	#CFFF97
16.7%	16.7% #C8FB88	RGB 200 251 136	#C8FB88
33.3%	33.3% #C2F879	RGB 194 248 121	#C2F879
50.0%	50.0% #BBF56B	RGB 187 245 107	#BBF56B
66.7%	66.7% #B5F25C	RGB 181 242 92	#B5F25C
83.3%	83.3% #AEEF4D	RGB 174 239 77	#AEEF4D
100.0%	100.0% #A8EC3F	RGB 168 236 63	#A8EC3F

#CFFF97 #C8FB88 #C2F879 #BBF56B #B5F25C #AEEF4D #A8EC3F

#CFFF97 - #A8EC3F

HSV Blend

#CFFF97 - #A8EC3F | 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 #CFFF97 as 0% and #A8EC3F as 100%.

0.0%	0.0% #CFFF97	RGB 207 255 151	#CFFF97
16.7%	16.7% #C7FB87	RGB 199 251 135	#C7FB87
33.3%	33.3% #C0F878	RGB 192 248 120	#C0F878
50.0%	50.0% #B9F569	RGB 185 245 105	#B9F569
66.7%	66.7% #B3F25A	RGB 179 242 90	#B3F25A
83.3%	83.3% #ADEF4C	RGB 173 239 76	#ADEF4C
100.0%	100.0% #A8EC3F	RGB 168 236 63	#A8EC3F

#CFFF97 #C7FB87 #C0F878 #B9F569 #B3F25A #ADEF4C #A8EC3F

#CFFF97 - #B9F569 - #A8EC3F

CSS codes

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

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