#C69B5A - #EEE2CF | 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 #C69B5A to #EEE2CF

#C69B5A #EEE2CF

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

#C69B5A - #EEE2CF | 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 #C69B5A as 0% and #EEE2CF as 100%.

0.0%	0.0% #C69B5A	RGB 198 155 90	#C69B5A
16.7%	16.7% #CCA66D	RGB 204 166 109	#CCA66D
33.3%	33.3% #D3B281	RGB 211 178 129	#D3B281
50.0%	50.0% #DABE94	RGB 218 190 148	#DABE94
66.7%	66.7% #E0CAA8	RGB 224 202 168	#E0CAA8
83.3%	83.3% #E7D6BB	RGB 231 214 187	#E7D6BB
100.0%	100.0% #EEE2CF	RGB 238 226 207	#EEE2CF

#C69B5A #CCA66D #D3B281 #DABE94 #E0CAA8 #E7D6BB #EEE2CF

#C69B5A - #EEE2CF

HSV Blend

#C69B5A - #EEE2CF | 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 #C69B5A as 0% and #EEE2CF as 100%.

0.0%	0.0% #C69B5A	RGB 198 155 90	#C69B5A
16.7%	16.7% #CCA66B	RGB 204 166 107	#CCA66B
33.3%	33.3% #D3B17D	RGB 211 177 125	#D3B17D
50.0%	50.0% #DABD90	RGB 218 189 144	#DABD90
66.7%	66.7% #E0C9A4	RGB 224 201 164	#E0C9A4
83.3%	83.3% #E7D5B9	RGB 231 213 185	#E7D5B9
100.0%	100.0% #EEE2CF	RGB 238 226 207	#EEE2CF

#C69B5A #CCA66B #D3B17D #DABD90 #E0C9A4 #E7D5B9 #EEE2CF

#C69B5A - #DABD90 - #EEE2CF

CSS codes

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

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