#C8FF3B - #FFFD85 | 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 #C8FF3B to #FFFD85

#C8FF3B #FFFD85

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

#C8FF3B - #FFFD85 | 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 #C8FF3B as 0% and #FFFD85 as 100%.

0.0%	0.0% #C8FF3B	RGB 200 255 59	#C8FF3B
16.7%	16.7% #D1FE47	RGB 209 254 71	#D1FE47
33.3%	33.3% #DAFE53	RGB 218 254 83	#DAFE53
50.0%	50.0% #E3FE60	RGB 227 254 96	#E3FE60
66.7%	66.7% #ECFD6C	RGB 236 253 108	#ECFD6C
83.3%	83.3% #F5FD78	RGB 245 253 120	#F5FD78
100.0%	100.0% #FFFD85	RGB 255 253 133	#FFFD85

#C8FF3B #D1FE47 #DAFE53 #E3FE60 #ECFD6C #F5FD78 #FFFD85

#C8FF3B - #FFFD85

HSV Blend

#C8FF3B - #FFFD85 | 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 #C8FF3B as 0% and #FFFD85 as 100%.

0.0%	0.0% #C8FF3B	RGB 200 255 59	#C8FF3B
16.7%	16.7% #D4FF47	RGB 212 255 71	#D4FF47
33.3%	33.3% #DFFF53	RGB 223 255 83	#DFFF53
50.0%	50.0% #E9FF60	RGB 233 255 96	#E9FF60
66.7%	66.7% #F2FF6C	RGB 242 255 108	#F2FF6C
83.3%	83.3% #FAFF78	RGB 250 255 120	#FAFF78
100.0%	100.0% #FFFD85	RGB 255 253 133	#FFFD85

#C8FF3B #D4FF47 #DFFF53 #E9FF60 #F2FF6C #FAFF78 #FFFD85

#C8FF3B - #E9FF60 - #FFFD85

CSS codes

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

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