#C9A652 - #EFE5CD | 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 #C9A652 to #EFE5CD

#C9A652 #EFE5CD

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

#C9A652 - #EFE5CD | 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 #C9A652 as 0% and #EFE5CD as 100%.

0.0%	0.0% #C9A652	RGB 201 166 82	#C9A652
16.7%	16.7% #CFB066	RGB 207 176 102	#CFB066
33.3%	33.3% #D5BB7B	RGB 213 187 123	#D5BB7B
50.0%	50.0% #DCC58F	RGB 220 197 143	#DCC58F
66.7%	66.7% #E2D0A4	RGB 226 208 164	#E2D0A4
83.3%	83.3% #E8DAB8	RGB 232 218 184	#E8DAB8
100.0%	100.0% #EFE5CD	RGB 239 229 205	#EFE5CD

#C9A652 #CFB066 #D5BB7B #DCC58F #E2D0A4 #E8DAB8 #EFE5CD

#C9A652 - #EFE5CD

HSV Blend

#C9A652 - #EFE5CD | 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 #C9A652 as 0% and #EFE5CD as 100%.

0.0%	0.0% #C9A652	RGB 201 166 82	#C9A652
16.7%	16.7% #CFAF64	RGB 207 175 100	#CFAF64
33.3%	33.3% #D5B977	RGB 213 185 119	#D5B977
50.0%	50.0% #DCC48B	RGB 220 196 139	#DCC48B
66.7%	66.7% #E2CEA0	RGB 226 206 160	#E2CEA0
83.3%	83.3% #E8D9B6	RGB 232 217 182	#E8D9B6
100.0%	100.0% #EFE5CD	RGB 239 229 205	#EFE5CD

#C9A652 #CFAF64 #D5B977 #DCC48B #E2CEA0 #E8D9B6 #EFE5CD

#C9A652 - #DCC48B - #EFE5CD

CSS codes

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

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