#C9ABD4 - #EFE7F2 | 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 #C9ABD4 to #EFE7F2

#C9ABD4 #EFE7F2

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

#C9ABD4 - #EFE7F2 | 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 #C9ABD4 as 0% and #EFE7F2 as 100%.

0.0%	0.0% #C9ABD4	RGB 201 171 212	#C9ABD4
16.7%	16.7% #CFB5D9	RGB 207 181 217	#CFB5D9
33.3%	33.3% #D5BFDE	RGB 213 191 222	#D5BFDE
50.0%	50.0% #DCC9E3	RGB 220 201 227	#DCC9E3
66.7%	66.7% #E2D3E8	RGB 226 211 232	#E2D3E8
83.3%	83.3% #E8DDED	RGB 232 221 237	#E8DDED
100.0%	100.0% #EFE7F2	RGB 239 231 242	#EFE7F2

#C9ABD4 #CFB5D9 #D5BFDE #DCC9E3 #E2D3E8 #E8DDED #EFE7F2

#C9ABD4 - #EFE7F2

HSV Blend

#C9ABD4 - #EFE7F2 | 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 #C9ABD4 as 0% and #EFE7F2 as 100%.

0.0%	0.0% #C9ABD4	RGB 201 171 212	#C9ABD4
16.7%	16.7% #CFB4D9	RGB 207 180 217	#CFB4D9
33.3%	33.3% #D5BEDE	RGB 213 190 222	#D5BEDE
50.0%	50.0% #DBC7E3	RGB 219 199 227	#DBC7E3
66.7%	66.7% #E2D2E8	RGB 226 210 232	#E2D2E8
83.3%	83.3% #E8DCED	RGB 232 220 237	#E8DCED
100.0%	100.0% #EFE7F2	RGB 239 231 242	#EFE7F2

#C9ABD4 #CFB4D9 #D5BEDE #DBC7E3 #E2D2E8 #E8DCED #EFE7F2

#C9ABD4 - #DBC7E3 - #EFE7F2

CSS codes

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

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