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

#CDFF3A #FFFD85

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

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

0.0%	0.0% #CDFF3A	RGB 205 255 58	#CDFF3A
16.7%	16.7% #D5FE46	RGB 213 254 70	#D5FE46
33.3%	33.3% #DDFE53	RGB 221 254 83	#DDFE53
50.0%	50.0% #E6FE5F	RGB 230 254 95	#E6FE5F
66.7%	66.7% #EEFD6C	RGB 238 253 108	#EEFD6C
83.3%	83.3% #F6FD78	RGB 246 253 120	#F6FD78
100.0%	100.0% #FFFD85	RGB 255 253 133	#FFFD85

#CDFF3A #D5FE46 #DDFE53 #E6FE5F #EEFD6C #F6FD78 #FFFD85

#CDFF3A - #FFFD85

HSV Blend

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

0.0%	0.0% #CDFF39	RGB 205 255 57	#CDFF39
16.7%	16.7% #D8FF46	RGB 216 255 70	#D8FF46
33.3%	33.3% #E2FF52	RGB 226 255 82	#E2FF52
50.0%	50.0% #ECFF5F	RGB 236 255 95	#ECFF5F
66.7%	66.7% #F4FF6C	RGB 244 255 108	#F4FF6C
83.3%	83.3% #FBFF78	RGB 251 255 120	#FBFF78
100.0%	100.0% #FFFD85	RGB 255 253 133	#FFFD85

#CDFF39 #D8FF46 #E2FF52 #ECFF5F #F4FF6C #FBFF78 #FFFD85

#CDFF3A - #ECFF5F - #FFFD85

CSS codes

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

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