#8F415B - #DFC8D0 | 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 #8F415B to #DFC8D0

#8F415B #DFC8D0

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

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

0.0%	0.0% #8F415B	RGB 143 65 91	#8F415B
16.7%	16.7% #9C576E	RGB 156 87 110	#9C576E
33.3%	33.3% #A96E82	RGB 169 110 130	#A96E82
50.0%	50.0% #B78495	RGB 183 132 149	#B78495
66.7%	66.7% #C49BA9	RGB 196 155 169	#C49BA9
83.3%	83.3% #D1B1BC	RGB 209 177 188	#D1B1BC
100.0%	100.0% #DFC8D0	RGB 223 200 208	#DFC8D0

#8F415B #9C576E #A96E82 #B78495 #C49BA9 #D1B1BC #DFC8D0

#8F415B - #DFC8D0

HSV Blend

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

0.0%	0.0% #8F415A	RGB 143 65 90	#8F415A
16.7%	16.7% #9C526B	RGB 156 82 107	#9C526B
33.3%	33.3% #A9667C	RGB 169 102 124	#A9667C
50.0%	50.0% #B77B8F	RGB 183 123 143	#B77B8F
66.7%	66.7% #C493A4	RGB 196 147 164	#C493A4
83.3%	83.3% #D1ACB9	RGB 209 172 185	#D1ACB9
100.0%	100.0% #DFC8D0	RGB 223 200 208	#DFC8D0

#8F415A #9C526B #A9667C #B77B8F #C493A4 #D1ACB9 #DFC8D0

#8F415B - #B77B8F - #DFC8D0

CSS codes

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

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