#DFDCEB - #8C86B5 | 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 #DFDCEB to #8C86B5

#DFDCEB #8C86B5

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

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

0.0%	0.0% #DFDCEB	RGB 223 220 235	#DFDCEB
16.7%	16.7% #D1CDE2	RGB 209 205 226	#D1CDE2
33.3%	33.3% #C3BFD9	RGB 195 191 217	#C3BFD9
50.0%	50.0% #B5B1D0	RGB 181 177 208	#B5B1D0
66.7%	66.7% #A7A2C7	RGB 167 162 199	#A7A2C7
83.3%	83.3% #9994BE	RGB 153 148 190	#9994BE
100.0%	100.0% #8C86B5	RGB 140 134 181	#8C86B5

#DFDCEB #D1CDE2 #C3BFD9 #B5B1D0 #A7A2C7 #9994BE #8C86B5

#DFDCEB - #8C86B5

HSV Blend

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

0.0%	0.0% #DFDCEB	RGB 223 220 235	#DFDCEB
16.7%	16.7% #D0CCE2	RGB 208 204 226	#D0CCE2
33.3%	33.3% #C1BCD9	RGB 193 188 217	#C1BCD9
50.0%	50.0% #B3AED0	RGB 179 174 208	#B3AED0
66.7%	66.7% #A6A0C7	RGB 166 160 199	#A6A0C7
83.3%	83.3% #9892BE	RGB 152 146 190	#9892BE
100.0%	100.0% #8C86B5	RGB 140 134 181	#8C86B5

#DFDCEB #D0CCE2 #C1BCD9 #B3AED0 #A6A0C7 #9892BE #8C86B5

#DFDCEB - #B3AED0 - #8C86B5

CSS codes

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

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