#864B9C - #DCCBE2 | 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 #864B9C to #DCCBE2

#864B9C #DCCBE2

Calculate the color between two colors, #864B9C and #DCCBE2. 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)

#864B9C - #DCCBE2 | 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 #864B9C as 0% and #DCCBE2 as 100%.

0.0%	0.0% #864B9C	RGB 134 75 156	#864B9C
16.7%	16.7% #9460A7	RGB 148 96 167	#9460A7
33.3%	33.3% #A275B3	RGB 162 117 179	#A275B3
50.0%	50.0% #B18BBF	RGB 177 139 191	#B18BBF
66.7%	66.7% #BFA0CA	RGB 191 160 202	#BFA0CA
83.3%	83.3% #CDB5D6	RGB 205 181 214	#CDB5D6
100.0%	100.0% #DCCBE2	RGB 220 203 226	#DCCBE2

#864B9C #9460A7 #A275B3 #B18BBF #BFA0CA #CDB5D6 #DCCBE2

#864B9C - #DCCBE2

HSV Blend

#864B9C - #DCCBE2 | 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 #864B9C as 0% and #DCCBE2 as 100%.

0.0%	0.0% #864B9C	RGB 134 75 156	#864B9C
16.7%	16.7% #935CA7	RGB 147 92 167	#935CA7
33.3%	33.3% #A16FB3	RGB 161 111 179	#A16FB3
50.0%	50.0% #AF83BF	RGB 175 131 191	#AF83BF
66.7%	66.7% #BD99CA	RGB 189 153 202	#BD99CA
83.3%	83.3% #CCB1D6	RGB 204 177 214	#CCB1D6
100.0%	100.0% #DCCBE2	RGB 220 203 226	#DCCBE2

#864B9C #935CA7 #A16FB3 #AF83BF #BD99CA #CCB1D6 #DCCBE2

#864B9C - #AF83BF - #DCCBE2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #864B9C 0%, #AF83BF 50%, #DCCBE2 100%);
    background: -webkit-linear-gradient(top, #864B9C 0%, #AF83BF 50%, #DCCBE2 100%);
    background: linear-gradient(to bottom, #864B9C 0%, #AF83BF 50%, #DCCBE2 100%);
}
</style>