#D9C5E9 - #8B67AD | 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 #D9C5E9 to #8B67AD

#D9C5E9 #8B67AD

Calculate the color between two colors, #D9C5E9 and #8B67AD. 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)

#D9C5E9 - #8B67AD | 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 #D9C5E9 as 0% and #8B67AD as 100%.

0.0%	0.0% #D9C5E9	RGB 217 197 233	#D9C5E9
16.7%	16.7% #CCB5DF	RGB 204 181 223	#CCB5DF
33.3%	33.3% #BFA5D5	RGB 191 165 213	#BFA5D5
50.0%	50.0% #B296CB	RGB 178 150 203	#B296CB
66.7%	66.7% #A586C1	RGB 165 134 193	#A586C1
83.3%	83.3% #9876B7	RGB 152 118 183	#9876B7
100.0%	100.0% #8B67AD	RGB 139 103 173	#8B67AD

#D9C5E9 #CCB5DF #BFA5D5 #B296CB #A586C1 #9876B7 #8B67AD

#D9C5E9 - #8B67AD

HSV Blend

#D9C5E9 - #8B67AD | 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 #D9C5E9 as 0% and #8B67AD as 100%.

0.0%	0.0% #D9C5E9	RGB 217 197 233	#D9C5E9
16.7%	16.7% #CBB3DF	RGB 203 179 223	#CBB3DF
33.3%	33.3% #BDA2D5	RGB 189 162 213	#BDA2D5
50.0%	50.0% #B092CB	RGB 176 146 203	#B092CB
66.7%	66.7% #A382C1	RGB 163 130 193	#A382C1
83.3%	83.3% #9774B7	RGB 151 116 183	#9774B7
100.0%	100.0% #8B67AD	RGB 139 103 173	#8B67AD

#D9C5E9 #CBB3DF #BDA2D5 #B092CB #A382C1 #9774B7 #8B67AD

#D9C5E9 - #B092CB - #8B67AD

CSS codes

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

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