#CDA31B - #FFD63E | 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 #CDA31B to #FFD63E

#CDA31B #FFD63E

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

#CDA31B - #FFD63E | 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 #CDA31B as 0% and #FFD63E as 100%.

0.0%	0.0% #CDA31B	RGB 205 163 27	#CDA31B
16.7%	16.7% #D5AB20	RGB 213 171 32	#D5AB20
33.3%	33.3% #DDB426	RGB 221 180 38	#DDB426
50.0%	50.0% #E6BC2C	RGB 230 188 44	#E6BC2C
66.7%	66.7% #EEC532	RGB 238 197 50	#EEC532
83.3%	83.3% #F6CD38	RGB 246 205 56	#F6CD38
100.0%	100.0% #FFD63E	RGB 255 214 62	#FFD63E

#CDA31B #D5AB20 #DDB426 #E6BC2C #EEC532 #F6CD38 #FFD63E

#CDA31B - #FFD63E

HSV Blend

#CDA31B - #FFD63E | 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 #CDA31B as 0% and #FFD63E as 100%.

0.0%	0.0% #CDA21B	RGB 205 162 27	#CDA21B
16.7%	16.7% #D5AB20	RGB 213 171 32	#D5AB20
33.3%	33.3% #DDB325	RGB 221 179 37	#DDB325
50.0%	50.0% #E6BC2B	RGB 230 188 43	#E6BC2B
66.7%	66.7% #EEC431	RGB 238 196 49	#EEC431
83.3%	83.3% #F6CD37	RGB 246 205 55	#F6CD37
100.0%	100.0% #FFD63E	RGB 255 214 62	#FFD63E

#CDA21B #D5AB20 #DDB325 #E6BC2B #EEC431 #F6CD37 #FFD63E

#CDA31B - #E6BC2B - #FFD63E

CSS codes

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

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