#8F4A8D - #DFCBDF | 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 #8F4A8D to #DFCBDF

#8F4A8D #DFCBDF

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

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

0.0%	0.0% #8F4A8D	RGB 143 74 141	#8F4A8D
16.7%	16.7% #9C5F9A	RGB 156 95 154	#9C5F9A
33.3%	33.3% #A975A8	RGB 169 117 168	#A975A8
50.0%	50.0% #B78AB6	RGB 183 138 182	#B78AB6
66.7%	66.7% #C4A0C3	RGB 196 160 195	#C4A0C3
83.3%	83.3% #D1B5D1	RGB 209 181 209	#D1B5D1
100.0%	100.0% #DFCBDF	RGB 223 203 223	#DFCBDF

#8F4A8D #9C5F9A #A975A8 #B78AB6 #C4A0C3 #D1B5D1 #DFCBDF

#8F4A8D - #DFCBDF

HSV Blend

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

0.0%	0.0% #8F4A8C	RGB 143 74 140	#8F4A8C
16.7%	16.7% #9C5B9A	RGB 156 91 154	#9C5B9A
33.3%	33.3% #A96EA8	RGB 169 110 168	#A96EA8
50.0%	50.0% #B782B6	RGB 183 130 182	#B782B6
66.7%	66.7% #C499C3	RGB 196 153 195	#C499C3
83.3%	83.3% #D1B1D1	RGB 209 177 209	#D1B1D1
100.0%	100.0% #DFCBDF	RGB 223 203 223	#DFCBDF

#8F4A8C #9C5B9A #A96EA8 #B782B6 #C499C3 #D1B1D1 #DFCBDF

#8F4A8D - #B782B6 - #DFCBDF

CSS codes

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

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