#CCCD1E - #FDEF5C | 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 #CCCD1E to #FDEF5C

#CCCD1E #FDEF5C

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

#CCCD1E - #FDEF5C | 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 #CCCD1E as 0% and #FDEF5C as 100%.

0.0%	0.0% #CCCD1E	RGB 204 205 30	#CCCD1E
16.7%	16.7% #D4D228	RGB 212 210 40	#D4D228
33.3%	33.3% #DCD832	RGB 220 216 50	#DCD832
50.0%	50.0% #E4DE3D	RGB 228 222 61	#E4DE3D
66.7%	66.7% #ECE347	RGB 236 227 71	#ECE347
83.3%	83.3% #F4E951	RGB 244 233 81	#F4E951
100.0%	100.0% #FDEF5C	RGB 253 239 92	#FDEF5C

#CCCD1E #D4D228 #DCD832 #E4DE3D #ECE347 #F4E951 #FDEF5C

#CCCD1E - #FDEF5C

HSV Blend

#CCCD1E - #FDEF5C | 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 #CCCD1E as 0% and #FDEF5C as 100%.

0.0%	0.0% #CCCD1D	RGB 204 205 29	#CCCD1D
16.7%	16.7% #D5D326	RGB 213 211 38	#D5D326
33.3%	33.3% #DDD830	RGB 221 216 48	#DDD830
50.0%	50.0% #E5DE3A	RGB 229 222 58	#E5DE3A
66.7%	66.7% #EDE345	RGB 237 227 69	#EDE345
83.3%	83.3% #F5E950	RGB 245 233 80	#F5E950
100.0%	100.0% #FDEF5C	RGB 253 239 92	#FDEF5C

#CCCD1D #D5D326 #DDD830 #E5DE3A #EDE345 #F5E950 #FDEF5C

#CCCD1E - #E5DE3A - #FDEF5C

CSS codes

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

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