#8F6989 - #DFD4DD | 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 #8F6989 to #DFD4DD

#8F6989 #DFD4DD

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

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

0.0%	0.0% #8F6989	RGB 143 105 137	#8F6989
16.7%	16.7% #9C7A97	RGB 156 122 151	#9C7A97
33.3%	33.3% #A98CA5	RGB 169 140 165	#A98CA5
50.0%	50.0% #B79EB3	RGB 183 158 179	#B79EB3
66.7%	66.7% #C4B0C1	RGB 196 176 193	#C4B0C1
83.3%	83.3% #D1C2CF	RGB 209 194 207	#D1C2CF
100.0%	100.0% #DFD4DD	RGB 223 212 221	#DFD4DD

#8F6989 #9C7A97 #A98CA5 #B79EB3 #C4B0C1 #D1C2CF #DFD4DD

#8F6989 - #DFD4DD

HSV Blend

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

0.0%	0.0% #8F6989	RGB 143 105 137	#8F6989
16.7%	16.7% #9C7896	RGB 156 120 150	#9C7896
33.3%	33.3% #A988A4	RGB 169 136 164	#A988A4
50.0%	50.0% #B79AB2	RGB 183 154 178	#B79AB2
66.7%	66.7% #C4ACC0	RGB 196 172 192	#C4ACC0
83.3%	83.3% #D1BFCE	RGB 209 191 206	#D1BFCE
100.0%	100.0% #DFD4DD	RGB 223 212 221	#DFD4DD

#8F6989 #9C7896 #A988A4 #B79AB2 #C4ACC0 #D1BFCE #DFD4DD

#8F6989 - #B79AB2 - #DFD4DD

CSS codes

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

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