#CCFF6B - #8AE325 | 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 #CCFF6B to #8AE325

#CCFF6B #8AE325

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

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

0.0%	0.0% #CCFF6B	RGB 204 255 107	#CCFF6B
16.7%	16.7% #C1FA5F	RGB 193 250 95	#C1FA5F
33.3%	33.3% #B6F553	RGB 182 245 83	#B6F553
50.0%	50.0% #ABF148	RGB 171 241 72	#ABF148
66.7%	66.7% #A0EC3C	RGB 160 236 60	#A0EC3C
83.3%	83.3% #95E730	RGB 149 231 48	#95E730
100.0%	100.0% #8AE325	RGB 138 227 37	#8AE325

#CCFF6B #C1FA5F #B6F553 #ABF148 #A0EC3C #95E730 #8AE325

#CCFF6B - #8AE325

HSV Blend

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

0.0%	0.0% #CCFF6B	RGB 204 255 107	#CCFF6B
16.7%	16.7% #C1FA5E	RGB 193 250 94	#C1FA5E
33.3%	33.3% #B6F552	RGB 182 245 82	#B6F552
50.0%	50.0% #ABF146	RGB 171 241 70	#ABF146
66.7%	66.7% #A0EC3A	RGB 160 236 58	#A0EC3A
83.3%	83.3% #95E72F	RGB 149 231 47	#95E72F
100.0%	100.0% #8AE325	RGB 138 227 37	#8AE325

#CCFF6B #C1FA5E #B6F552 #ABF146 #A0EC3A #95E72F #8AE325

#CCFF6B - #ABF146 - #8AE325

CSS codes

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

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