#C6A77A - #EEE5D9 | 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 #C6A77A to #EEE5D9

#C6A77A #EEE5D9

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

#C6A77A - #EEE5D9 | 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 #C6A77A as 0% and #EEE5D9 as 100%.

0.0%	0.0% #C6A77A	RGB 198 167 122	#C6A77A
16.7%	16.7% #CCB189	RGB 204 177 137	#CCB189
33.3%	33.3% #D3BB99	RGB 211 187 153	#D3BB99
50.0%	50.0% #DAC6A9	RGB 218 198 169	#DAC6A9
66.7%	66.7% #E0D0B9	RGB 224 208 185	#E0D0B9
83.3%	83.3% #E7DAC9	RGB 231 218 201	#E7DAC9
100.0%	100.0% #EEE5D9	RGB 238 229 217	#EEE5D9

#C6A77A #CCB189 #D3BB99 #DAC6A9 #E0D0B9 #E7DAC9 #EEE5D9

#C6A77A - #EEE5D9

HSV Blend

#C6A77A - #EEE5D9 | 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 #C6A77A as 0% and #EEE5D9 as 100%.

0.0%	0.0% #C6A77A	RGB 198 167 122	#C6A77A
16.7%	16.7% #CCB088	RGB 204 176 136	#CCB088
33.3%	33.3% #D3BA97	RGB 211 186 151	#D3BA97
50.0%	50.0% #DAC4A6	RGB 218 196 166	#DAC4A6
66.7%	66.7% #E0CEB6	RGB 224 206 182	#E0CEB6
83.3%	83.3% #E7D9C7	RGB 231 217 199	#E7D9C7
100.0%	100.0% #EEE5D9	RGB 238 229 217	#EEE5D9

#C6A77A #CCB088 #D3BA97 #DAC4A6 #E0CEB6 #E7D9C7 #EEE5D9

#C6A77A - #DAC4A6 - #EEE5D9

CSS codes

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

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