#C9A63B - #FFD95D | 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 #C9A63B to #FFD95D

#C9A63B #FFD95D

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

#C9A63B - #FFD95D | 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 #C9A63B as 0% and #FFD95D as 100%.

0.0%	0.0% #C9A63B	RGB 201 166 59	#C9A63B
16.7%	16.7% #D2AE40	RGB 210 174 64	#D2AE40
33.3%	33.3% #DBB746	RGB 219 183 70	#DBB746
50.0%	50.0% #E4BF4C	RGB 228 191 76	#E4BF4C
66.7%	66.7% #EDC851	RGB 237 200 81	#EDC851
83.3%	83.3% #F6D057	RGB 246 208 87	#F6D057
100.0%	100.0% #FFD95D	RGB 255 217 93	#FFD95D

#C9A63B #D2AE40 #DBB746 #E4BF4C #EDC851 #F6D057 #FFD95D

#C9A63B - #FFD95D

HSV Blend

#C9A63B - #FFD95D | 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 #C9A63B as 0% and #FFD95D as 100%.

0.0%	0.0% #C9A63B	RGB 201 166 59	#C9A63B
16.7%	16.7% #D2AE40	RGB 210 174 64	#D2AE40
33.3%	33.3% #DBB645	RGB 219 182 69	#DBB645
50.0%	50.0% #E4BF4B	RGB 228 191 75	#E4BF4B
66.7%	66.7% #EDC750	RGB 237 199 80	#EDC750
83.3%	83.3% #F6D056	RGB 246 208 86	#F6D056
100.0%	100.0% #FFD95D	RGB 255 217 93	#FFD95D

#C9A63B #D2AE40 #DBB645 #E4BF4B #EDC750 #F6D056 #FFD95D

#C9A63B - #E4BF4B - #FFD95D

CSS codes

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

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