#C9A02D - #FFD54E | 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 #C9A02D to #FFD54E

#C9A02D #FFD54E

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

#C9A02D - #FFD54E | 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 #C9A02D as 0% and #FFD54E as 100%.

0.0%	0.0% #C9A02D	RGB 201 160 45	#C9A02D
16.7%	16.7% #D2A832	RGB 210 168 50	#D2A832
33.3%	33.3% #DBB138	RGB 219 177 56	#DBB138
50.0%	50.0% #E4BA3D	RGB 228 186 61	#E4BA3D
66.7%	66.7% #EDC343	RGB 237 195 67	#EDC343
83.3%	83.3% #F6CC48	RGB 246 204 72	#F6CC48
100.0%	100.0% #FFD54E	RGB 255 213 78	#FFD54E

#C9A02D #D2A832 #DBB138 #E4BA3D #EDC343 #F6CC48 #FFD54E

#C9A02D - #FFD54E

HSV Blend

#C9A02D - #FFD54E | 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 #C9A02D as 0% and #FFD54E as 100%.

0.0%	0.0% #C9A02D	RGB 201 160 45	#C9A02D
16.7%	16.7% #D2A831	RGB 210 168 49	#D2A831
33.3%	33.3% #DBB137	RGB 219 177 55	#DBB137
50.0%	50.0% #E4BA3C	RGB 228 186 60	#E4BA3C
66.7%	66.7% #EDC242	RGB 237 194 66	#EDC242
83.3%	83.3% #F6CB47	RGB 246 203 71	#F6CB47
100.0%	100.0% #FFD54E	RGB 255 213 78	#FFD54E

#C9A02D #D2A831 #DBB137 #E4BA3C #EDC242 #F6CB47 #FFD54E

#C9A02D - #E4BA3C - #FFD54E

CSS codes

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

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