#C9A63B - #EFE5C7 | 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 #EFE5C7

#C9A63B #EFE5C7

Calculate the color between two colors, #C9A63B and #EFE5C7. 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 - #EFE5C7 | 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 #EFE5C7 as 100%.

0.0%	0.0% #C9A63B	RGB 201 166 59	#C9A63B
16.7%	16.7% #CFB052	RGB 207 176 82	#CFB052
33.3%	33.3% #D5BB69	RGB 213 187 105	#D5BB69
50.0%	50.0% #DCC581	RGB 220 197 129	#DCC581
66.7%	66.7% #E2D098	RGB 226 208 152	#E2D098
83.3%	83.3% #E8DAAF	RGB 232 218 175	#E8DAAF
100.0%	100.0% #EFE5C7	RGB 239 229 199	#EFE5C7

#C9A63B #CFB052 #D5BB69 #DCC581 #E2D098 #E8DAAF #EFE5C7

#C9A63B - #EFE5C7

HSV Blend

#C9A63B - #EFE5C7 | 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 #EFE5C7 as 100%.

0.0%	0.0% #C9A63B	RGB 201 166 59	#C9A63B
16.7%	16.7% #CFAF4F	RGB 207 175 79	#CFAF4F
33.3%	33.3% #D5B965	RGB 213 185 101	#D5B965
50.0%	50.0% #DCC47B	RGB 220 196 123	#DCC47B
66.7%	66.7% #E2CE93	RGB 226 206 147	#E2CE93
83.3%	83.3% #E8D9AC	RGB 232 217 172	#E8D9AC
100.0%	100.0% #EFE5C7	RGB 239 229 199	#EFE5C7

#C9A63B #CFAF4F #D5B965 #DCC47B #E2CE93 #E8D9AC #EFE5C7

#C9A63B - #DCC47B - #EFE5C7

CSS codes

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

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