#CDCE3E - #FEEF76 | 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 #CDCE3E to #FEEF76

#CDCE3E #FEEF76

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

#CDCE3E - #FEEF76 | 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 #CDCE3E as 0% and #FEEF76 as 100%.

0.0%	0.0% #CDCE3E	RGB 205 206 62	#CDCE3E
16.7%	16.7% #D5D347	RGB 213 211 71	#D5D347
33.3%	33.3% #DDD950	RGB 221 217 80	#DDD950
50.0%	50.0% #E5DE5A	RGB 229 222 90	#E5DE5A
66.7%	66.7% #EDE463	RGB 237 228 99	#EDE463
83.3%	83.3% #F5E96C	RGB 245 233 108	#F5E96C
100.0%	100.0% #FEEF76	RGB 254 239 118	#FEEF76

#CDCE3E #D5D347 #DDD950 #E5DE5A #EDE463 #F5E96C #FEEF76

#CDCE3E - #FEEF76

HSV Blend

#CDCE3E - #FEEF76 | 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 #CDCE3E as 0% and #FEEF76 as 100%.

0.0%	0.0% #CDCE3E	RGB 205 206 62	#CDCE3E
16.7%	16.7% #D6D446	RGB 214 212 70	#D6D446
33.3%	33.3% #DED94E	RGB 222 217 78	#DED94E
50.0%	50.0% #E6DE58	RGB 230 222 88	#E6DE58
66.7%	66.7% #EEE461	RGB 238 228 97	#EEE461
83.3%	83.3% #F6E96B	RGB 246 233 107	#F6E96B
100.0%	100.0% #FEEF76	RGB 254 239 118	#FEEF76

#CDCE3E #D6D446 #DED94E #E6DE58 #EEE461 #F6E96B #FEEF76

#CDCE3E - #E6DE58 - #FEEF76

CSS codes

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

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