#C7A86C - #EFE6D5 | 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 #C7A86C to #EFE6D5

#C7A86C #EFE6D5

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

#C7A86C - #EFE6D5 | 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 #C7A86C as 0% and #EFE6D5 as 100%.

0.0%	0.0% #C7A86C	RGB 199 168 108	#C7A86C
16.7%	16.7% #CDB27D	RGB 205 178 125	#CDB27D
33.3%	33.3% #D4BC8F	RGB 212 188 143	#D4BC8F
50.0%	50.0% #DBC7A0	RGB 219 199 160	#DBC7A0
66.7%	66.7% #E1D1B2	RGB 225 209 178	#E1D1B2
83.3%	83.3% #E8DBC3	RGB 232 219 195	#E8DBC3
100.0%	100.0% #EFE6D5	RGB 239 230 213	#EFE6D5

#C7A86C #CDB27D #D4BC8F #DBC7A0 #E1D1B2 #E8DBC3 #EFE6D5

#C7A86C - #EFE6D5

HSV Blend

#C7A86C - #EFE6D5 | 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 #C7A86C as 0% and #EFE6D5 as 100%.

0.0%	0.0% #C7A86C	RGB 199 168 108	#C7A86C
16.7%	16.7% #CDB17B	RGB 205 177 123	#CDB17B
33.3%	33.3% #D4BB8B	RGB 212 187 139	#D4BB8B
50.0%	50.0% #DBC59D	RGB 219 197 157	#DBC59D
66.7%	66.7% #E1D0AE	RGB 225 208 174	#E1D0AE
83.3%	83.3% #E8DAC1	RGB 232 218 193	#E8DAC1
100.0%	100.0% #EFE6D5	RGB 239 230 213	#EFE6D5

#C7A86C #CDB17B #D4BB8B #DBC59D #E1D0AE #E8DAC1 #EFE6D5

#C7A86C - #DBC59D - #EFE6D5

CSS codes

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

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