#CCFF4D - #8ADC17 | 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 #CCFF4D to #8ADC17

#CCFF4D #8ADC17

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

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

0.0%	0.0% #CCFF4D	RGB 204 255 77	#CCFF4D
16.7%	16.7% #C1F944	RGB 193 249 68	#C1F944
33.3%	33.3% #B6F33B	RGB 182 243 59	#B6F33B
50.0%	50.0% #ABED32	RGB 171 237 50	#ABED32
66.7%	66.7% #A0E729	RGB 160 231 41	#A0E729
83.3%	83.3% #95E120	RGB 149 225 32	#95E120
100.0%	100.0% #8ADC17	RGB 138 220 23	#8ADC17

#CCFF4D #C1F944 #B6F33B #ABED32 #A0E729 #95E120 #8ADC17

#CCFF4D - #8ADC17

HSV Blend

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

0.0%	0.0% #CCFF4D	RGB 204 255 77	#CCFF4D
16.7%	16.7% #C1F943	RGB 193 249 67	#C1F943
33.3%	33.3% #B6F339	RGB 182 243 57	#B6F339
50.0%	50.0% #ABED30	RGB 171 237 48	#ABED30
66.7%	66.7% #9FE727	RGB 159 231 39	#9FE727
83.3%	83.3% #94E11F	RGB 148 225 31	#94E11F
100.0%	100.0% #8ADC17	RGB 138 220 23	#8ADC17

#CCFF4D #C1F943 #B6F339 #ABED30 #9FE727 #94E11F #8ADC17

#CCFF4D - #ABED30 - #8ADC17

CSS codes

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

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