#C6AAAC - #EEE6E7 | 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 #C6AAAC to #EEE6E7

#C6AAAC #EEE6E7

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

#C6AAAC - #EEE6E7 | 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 #C6AAAC as 0% and #EEE6E7 as 100%.

0.0%	0.0% #C6AAAC	RGB 198 170 172	#C6AAAC
16.7%	16.7% #CCB4B5	RGB 204 180 181	#CCB4B5
33.3%	33.3% #D3BEBF	RGB 211 190 191	#D3BEBF
50.0%	50.0% #DAC8C9	RGB 218 200 201	#DAC8C9
66.7%	66.7% #E0D2D3	RGB 224 210 211	#E0D2D3
83.3%	83.3% #E7DCDD	RGB 231 220 221	#E7DCDD
100.0%	100.0% #EEE6E7	RGB 238 230 231	#EEE6E7

#C6AAAC #CCB4B5 #D3BEBF #DAC8C9 #E0D2D3 #E7DCDD #EEE6E7

#C6AAAC - #EEE6E7

HSV Blend

#C6AAAC - #EEE6E7 | 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 #C6AAAC as 0% and #EEE6E7 as 100%.

0.0%	0.0% #C6AAAC	RGB 198 170 172	#C6AAAC
16.7%	16.7% #CCB3B5	RGB 204 179 181	#CCB3B5
33.3%	33.3% #D3BDBF	RGB 211 189 191	#D3BDBF
50.0%	50.0% #DAC6C8	RGB 218 198 200	#DAC6C8
66.7%	66.7% #E0D1D2	RGB 224 209 210	#E0D1D2
83.3%	83.3% #E7DBDC	RGB 231 219 220	#E7DBDC
100.0%	100.0% #EEE6E7	RGB 238 230 231	#EEE6E7

#C6AAAC #CCB3B5 #D3BDBF #DAC6C8 #E0D1D2 #E7DBDC #EEE6E7

#C6AAAC - #DAC6C8 - #EEE6E7

CSS codes

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

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