#862D5E - #DCC3D1 | 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 #862D5E to #DCC3D1

#862D5E #DCC3D1

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

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

0.0%	0.0% #862D5E	RGB 134 45 94	#862D5E
16.7%	16.7% #944671	RGB 148 70 113	#944671
33.3%	33.3% #A25F84	RGB 162 95 132	#A25F84
50.0%	50.0% #B17897	RGB 177 120 151	#B17897
66.7%	66.7% #BF91AA	RGB 191 145 170	#BF91AA
83.3%	83.3% #CDAABD	RGB 205 170 189	#CDAABD
100.0%	100.0% #DCC3D1	RGB 220 195 209	#DCC3D1

#862D5E #944671 #A25F84 #B17897 #BF91AA #CDAABD #DCC3D1

#862D5E - #DCC3D1

HSV Blend

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

0.0%	0.0% #862D5D	RGB 134 45 93	#862D5D
16.7%	16.7% #943F6E	RGB 148 63 110	#943F6E
33.3%	33.3% #A2547F	RGB 162 84 127	#A2547F
50.0%	50.0% #B16C92	RGB 177 108 146	#B16C92
66.7%	66.7% #BF86A6	RGB 191 134 166	#BF86A6
83.3%	83.3% #CDA3BB	RGB 205 163 187	#CDA3BB
100.0%	100.0% #DCC3D1	RGB 220 195 209	#DCC3D1

#862D5D #943F6E #A2547F #B16C92 #BF86A6 #CDA3BB #DCC3D1

#862D5E - #B16C92 - #DCC3D1

CSS codes

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

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