#C4A76C - #EEE5D5 | 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 #C4A76C to #EEE5D5

#C4A76C #EEE5D5

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

#C4A76C - #EEE5D5 | 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 #C4A76C as 0% and #EEE5D5 as 100%.

0.0%	0.0% #C4A76C	RGB 196 167 108	#C4A76C
16.7%	16.7% #CBB17D	RGB 203 177 125	#CBB17D
33.3%	33.3% #D2BB8F	RGB 210 187 143	#D2BB8F
50.0%	50.0% #D9C6A0	RGB 217 198 160	#D9C6A0
66.7%	66.7% #E0D0B2	RGB 224 208 178	#E0D0B2
83.3%	83.3% #E7DAC3	RGB 231 218 195	#E7DAC3
100.0%	100.0% #EEE5D5	RGB 238 229 213	#EEE5D5

#C4A76C #CBB17D #D2BB8F #D9C6A0 #E0D0B2 #E7DAC3 #EEE5D5

#C4A76C - #EEE5D5

HSV Blend

#C4A76C - #EEE5D5 | 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 #C4A76C as 0% and #EEE5D5 as 100%.

0.0%	0.0% #C4A76C	RGB 196 167 108	#C4A76C
16.7%	16.7% #CBB07B	RGB 203 176 123	#CBB07B
33.3%	33.3% #D2BA8B	RGB 210 186 139	#D2BA8B
50.0%	50.0% #D9C49C	RGB 217 196 156	#D9C49C
66.7%	66.7% #E0CEAE	RGB 224 206 174	#E0CEAE
83.3%	83.3% #E7D9C1	RGB 231 217 193	#E7D9C1
100.0%	100.0% #EEE5D5	RGB 238 229 213	#EEE5D5

#C4A76C #CBB07B #D2BA8B #D9C49C #E0CEAE #E7D9C1 #EEE5D5

#C4A76C - #D9C49C - #EEE5D5

CSS codes

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

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