#8F5E8A - #DFD1DD | 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 #8F5E8A to #DFD1DD

#8F5E8A #DFD1DD

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

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

0.0%	0.0% #8F5E8A	RGB 143 94 138	#8F5E8A
16.7%	16.7% #9C7197	RGB 156 113 151	#9C7197
33.3%	33.3% #A984A5	RGB 169 132 165	#A984A5
50.0%	50.0% #B797B3	RGB 183 151 179	#B797B3
66.7%	66.7% #C4AAC1	RGB 196 170 193	#C4AAC1
83.3%	83.3% #D1BDCF	RGB 209 189 207	#D1BDCF
100.0%	100.0% #DFD1DD	RGB 223 209 221	#DFD1DD

#8F5E8A #9C7197 #A984A5 #B797B3 #C4AAC1 #D1BDCF #DFD1DD

#8F5E8A - #DFD1DD

HSV Blend

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

0.0%	0.0% #8F5E8A	RGB 143 94 138	#8F5E8A
16.7%	16.7% #9C6E97	RGB 156 110 151	#9C6E97
33.3%	33.3% #A97FA4	RGB 169 127 164	#A97FA4
50.0%	50.0% #B791B2	RGB 183 145 178	#B791B2
66.7%	66.7% #C4A5C0	RGB 196 165 192	#C4A5C0
83.3%	83.3% #D1BACE	RGB 209 186 206	#D1BACE
100.0%	100.0% #DFD1DD	RGB 223 209 221	#DFD1DD

#8F5E8A #9C6E97 #A97FA4 #B791B2 #C4A5C0 #D1BACE #DFD1DD

#8F5E8A - #B791B2 - #DFD1DD

CSS codes

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

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