#C6AABC - #EEE6EB | 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 #C6AABC to #EEE6EB

#C6AABC #EEE6EB

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

#C6AABC - #EEE6EB | 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 #C6AABC as 0% and #EEE6EB as 100%.

0.0%	0.0% #C6AABC	RGB 198 170 188	#C6AABC
16.7%	16.7% #CCB4C3	RGB 204 180 195	#CCB4C3
33.3%	33.3% #D3BECB	RGB 211 190 203	#D3BECB
50.0%	50.0% #DAC8D3	RGB 218 200 211	#DAC8D3
66.7%	66.7% #E0D2DB	RGB 224 210 219	#E0D2DB
83.3%	83.3% #E7DCE3	RGB 231 220 227	#E7DCE3
100.0%	100.0% #EEE6EB	RGB 238 230 235	#EEE6EB

#C6AABC #CCB4C3 #D3BECB #DAC8D3 #E0D2DB #E7DCE3 #EEE6EB

#C6AABC - #EEE6EB

HSV Blend

#C6AABC - #EEE6EB | 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 #C6AABC as 0% and #EEE6EB as 100%.

0.0%	0.0% #C6AABC	RGB 198 170 188	#C6AABC
16.7%	16.7% #CCB3C3	RGB 204 179 195	#CCB3C3
33.3%	33.3% #D3BDCB	RGB 211 189 203	#D3BDCB
50.0%	50.0% #DAC6D3	RGB 218 198 211	#DAC6D3
66.7%	66.7% #E0D1DA	RGB 224 209 218	#E0D1DA
83.3%	83.3% #E7DBE2	RGB 231 219 226	#E7DBE2
100.0%	100.0% #EEE6EB	RGB 238 230 235	#EEE6EB

#C6AABC #CCB3C3 #D3BDCB #DAC6D3 #E0D1DA #E7DBE2 #EEE6EB

#C6AABC - #DAC6D3 - #EEE6EB

CSS codes

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

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