#C6ABA8 - #EEE6E6 | 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 #C6ABA8 to #EEE6E6

#C6ABA8 #EEE6E6

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

#C6ABA8 - #EEE6E6 | 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 #C6ABA8 as 0% and #EEE6E6 as 100%.

0.0%	0.0% #C6ABA8	RGB 198 171 168	#C6ABA8
16.7%	16.7% #CCB4B2	RGB 204 180 178	#CCB4B2
33.3%	33.3% #D3BEBC	RGB 211 190 188	#D3BEBC
50.0%	50.0% #DAC8C7	RGB 218 200 199	#DAC8C7
66.7%	66.7% #E0D2D1	RGB 224 210 209	#E0D2D1
83.3%	83.3% #E7DCDB	RGB 231 220 219	#E7DCDB
100.0%	100.0% #EEE6E6	RGB 238 230 230	#EEE6E6

#C6ABA8 #CCB4B2 #D3BEBC #DAC8C7 #E0D2D1 #E7DCDB #EEE6E6

#C6ABA8 - #EEE6E6

HSV Blend

#C6ABA8 - #EEE6E6 | 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 #C6ABA8 as 0% and #EEE6E6 as 100%.

0.0%	0.0% #C6ABA8	RGB 198 171 168	#C6ABA8
16.7%	16.7% #CCB3B1	RGB 204 179 177	#CCB3B1
33.3%	33.3% #D3BDBB	RGB 211 189 187	#D3BDBB
50.0%	50.0% #DAC6C5	RGB 218 198 197	#DAC6C5
66.7%	66.7% #E0D0D0	RGB 224 208 208	#E0D0D0
83.3%	83.3% #E7DBDB	RGB 231 219 219	#E7DBDB
100.0%	100.0% #EEE6E6	RGB 238 230 230	#EEE6E6

#C6ABA8 #CCB3B1 #D3BDBB #DAC6C5 #E0D0D0 #E7DBDB #EEE6E6

#C6ABA8 - #DAC6C5 - #EEE6E6

CSS codes

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

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