#C9A76D - #EFE5D5 | 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 #C9A76D to #EFE5D5

#C9A76D #EFE5D5

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

#C9A76D - #EFE5D5 | 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 #C9A76D as 0% and #EFE5D5 as 100%.

0.0%	0.0% #C9A76D	RGB 201 167 109	#C9A76D
16.7%	16.7% #CFB17E	RGB 207 177 126	#CFB17E
33.3%	33.3% #D5BB8F	RGB 213 187 143	#D5BB8F
50.0%	50.0% #DCC6A1	RGB 220 198 161	#DCC6A1
66.7%	66.7% #E2D0B2	RGB 226 208 178	#E2D0B2
83.3%	83.3% #E8DAC3	RGB 232 218 195	#E8DAC3
100.0%	100.0% #EFE5D5	RGB 239 229 213	#EFE5D5

#C9A76D #CFB17E #D5BB8F #DCC6A1 #E2D0B2 #E8DAC3 #EFE5D5

#C9A76D - #EFE5D5

HSV Blend

#C9A76D - #EFE5D5 | 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 #C9A76D as 0% and #EFE5D5 as 100%.

0.0%	0.0% #C9A76D	RGB 201 167 109	#C9A76D
16.7%	16.7% #CFB07C	RGB 207 176 124	#CFB07C
33.3%	33.3% #D5BA8C	RGB 213 186 140	#D5BA8C
50.0%	50.0% #DCC49D	RGB 220 196 157	#DCC49D
66.7%	66.7% #E2CEAF	RGB 226 206 175	#E2CEAF
83.3%	83.3% #E8D9C1	RGB 232 217 193	#E8D9C1
100.0%	100.0% #EFE5D5	RGB 239 229 213	#EFE5D5

#C9A76D #CFB07C #D5BA8C #DCC49D #E2CEAF #E8D9C1 #EFE5D5

#C9A76D - #DCC49D - #EFE5D5

CSS codes

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

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