#C6A858 - #EEE6CF | 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 #C6A858 to #EEE6CF

#C6A858 #EEE6CF

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

#C6A858 - #EEE6CF | 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 #C6A858 as 0% and #EEE6CF as 100%.

0.0%	0.0% #C6A858	RGB 198 168 88	#C6A858
16.7%	16.7% #CCB26B	RGB 204 178 107	#CCB26B
33.3%	33.3% #D3BC7F	RGB 211 188 127	#D3BC7F
50.0%	50.0% #DAC793	RGB 218 199 147	#DAC793
66.7%	66.7% #E0D1A7	RGB 224 209 167	#E0D1A7
83.3%	83.3% #E7DBBB	RGB 231 219 187	#E7DBBB
100.0%	100.0% #EEE6CF	RGB 238 230 207	#EEE6CF

#C6A858 #CCB26B #D3BC7F #DAC793 #E0D1A7 #E7DBBB #EEE6CF

#C6A858 - #EEE6CF

HSV Blend

#C6A858 - #EEE6CF | 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 #C6A858 as 0% and #EEE6CF as 100%.

0.0%	0.0% #C6A858	RGB 198 168 88	#C6A858
16.7%	16.7% #CCB169	RGB 204 177 105	#CCB169
33.3%	33.3% #D3BB7B	RGB 211 187 123	#D3BB7B
50.0%	50.0% #DAC68F	RGB 218 198 143	#DAC68F
66.7%	66.7% #E0D0A3	RGB 224 208 163	#E0D0A3
83.3%	83.3% #E7DBB8	RGB 231 219 184	#E7DBB8
100.0%	100.0% #EEE6CF	RGB 238 230 207	#EEE6CF

#C6A858 #CCB169 #D3BB7B #DAC68F #E0D0A3 #E7DBB8 #EEE6CF

#C6A858 - #DAC68F - #EEE6CF

CSS codes

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

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