#C9AC66 - #FFDF86 | 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 #C9AC66 to #FFDF86

#C9AC66 #FFDF86

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

#C9AC66 - #FFDF86 | 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 #C9AC66 as 0% and #FFDF86 as 100%.

0.0%	0.0% #C9AC66	RGB 201 172 102	#C9AC66
16.7%	16.7% #D2B46B	RGB 210 180 107	#D2B46B
33.3%	33.3% #DBBD70	RGB 219 189 112	#DBBD70
50.0%	50.0% #E4C576	RGB 228 197 118	#E4C576
66.7%	66.7% #EDCE7B	RGB 237 206 123	#EDCE7B
83.3%	83.3% #F6D680	RGB 246 214 128	#F6D680
100.0%	100.0% #FFDF86	RGB 255 223 134	#FFDF86

#C9AC66 #D2B46B #DBBD70 #E4C576 #EDCE7B #F6D680 #FFDF86

#C9AC66 - #FFDF86

HSV Blend

#C9AC66 - #FFDF86 | 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 #C9AC66 as 0% and #FFDF86 as 100%.

0.0%	0.0% #C9AC66	RGB 201 172 102	#C9AC66
16.7%	16.7% #D2B46B	RGB 210 180 107	#D2B46B
33.3%	33.3% #DBBC70	RGB 219 188 112	#DBBC70
50.0%	50.0% #E4C575	RGB 228 197 117	#E4C575
66.7%	66.7% #EDCD7B	RGB 237 205 123	#EDCD7B
83.3%	83.3% #F6D680	RGB 246 214 128	#F6D680
100.0%	100.0% #FFDF86	RGB 255 223 134	#FFDF86

#C9AC66 #D2B46B #DBBC70 #E4C575 #EDCD7B #F6D680 #FFDF86

#C9AC66 - #E4C575 - #FFDF86

CSS codes

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

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