#871D5E - #DCBED1 | 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 #871D5E to #DCBED1

#871D5E #DCBED1

Calculate the color between two colors, #871D5E and #DCBED1. 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)

#871D5E - #DCBED1 | 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 #871D5E as 0% and #DCBED1 as 100%.

0.0%	0.0% #871D5E	RGB 135 29 94	#871D5E
16.7%	16.7% #953771	RGB 149 55 113	#953771
33.3%	33.3% #A35284	RGB 163 82 132	#A35284
50.0%	50.0% #B16D97	RGB 177 109 151	#B16D97
66.7%	66.7% #BF88AA	RGB 191 136 170	#BF88AA
83.3%	83.3% #CDA3BD	RGB 205 163 189	#CDA3BD
100.0%	100.0% #DCBED1	RGB 220 190 209	#DCBED1

#871D5E #953771 #A35284 #B16D97 #BF88AA #CDA3BD #DCBED1

#871D5E - #DCBED1

HSV Blend

#871D5E - #DCBED1 | 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 #871D5E as 0% and #DCBED1 as 100%.

0.0%	0.0% #871D5D	RGB 135 29 93	#871D5D
16.7%	16.7% #95306E	RGB 149 48 110	#95306E
33.3%	33.3% #A34680	RGB 163 70 128	#A34680
50.0%	50.0% #B15F92	RGB 177 95 146	#B15F92
66.7%	66.7% #BF7CA6	RGB 191 124 166	#BF7CA6
83.3%	83.3% #CD9BBB	RGB 205 155 187	#CD9BBB
100.0%	100.0% #DCBED1	RGB 220 190 209	#DCBED1

#871D5D #95306E #A34680 #B15F92 #BF7CA6 #CD9BBB #DCBED1

#871D5E - #B15F92 - #DCBED1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #871D5D 0%, #B15F92 50%, #DCBED1 100%);
    background: -webkit-linear-gradient(top, #871D5D 0%, #B15F92 50%, #DCBED1 100%);
    background: linear-gradient(to bottom, #871D5D 0%, #B15F92 50%, #DCBED1 100%);
}
</style>