#8F3E7E - #DFC7DA | 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 #8F3E7E to #DFC7DA

#8F3E7E #DFC7DA

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

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

0.0%	0.0% #8F3E7E	RGB 143 62 126	#8F3E7E
16.7%	16.7% #9C548D	RGB 156 84 141	#9C548D
33.3%	33.3% #A96B9C	RGB 169 107 156	#A96B9C
50.0%	50.0% #B782AC	RGB 183 130 172	#B782AC
66.7%	66.7% #C499BB	RGB 196 153 187	#C499BB
83.3%	83.3% #D1B0CA	RGB 209 176 202	#D1B0CA
100.0%	100.0% #DFC7DA	RGB 223 199 218	#DFC7DA

#8F3E7E #9C548D #A96B9C #B782AC #C499BB #D1B0CA #DFC7DA

#8F3E7E - #DFC7DA

HSV Blend

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

0.0%	0.0% #8F3E7E	RGB 143 62 126	#8F3E7E
16.7%	16.7% #9C4F8C	RGB 156 79 140	#9C4F8C
33.3%	33.3% #A9639A	RGB 169 99 154	#A9639A
50.0%	50.0% #B779AA	RGB 183 121 170	#B779AA
66.7%	66.7% #C491B9	RGB 196 145 185	#C491B9
83.3%	83.3% #D1ABC9	RGB 209 171 201	#D1ABC9
100.0%	100.0% #DFC7DA	RGB 223 199 218	#DFC7DA

#8F3E7E #9C4F8C #A9639A #B779AA #C491B9 #D1ABC9 #DFC7DA

#8F3E7E - #B779AA - #DFC7DA

CSS codes

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

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