#DFB7E8 - #8B54AB | 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 #DFB7E8 to #8B54AB

#DFB7E8 #8B54AB

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

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

0.0%	0.0% #DFB7E8	RGB 223 183 232	#DFB7E8
16.7%	16.7% #D1A6DD	RGB 209 166 221	#D1A6DD
33.3%	33.3% #C396D3	RGB 195 150 211	#C396D3
50.0%	50.0% #B585C9	RGB 181 133 201	#B585C9
66.7%	66.7% #A775BF	RGB 167 117 191	#A775BF
83.3%	83.3% #9964B5	RGB 153 100 181	#9964B5
100.0%	100.0% #8B54AB	RGB 139 84 171	#8B54AB

#DFB7E8 #D1A6DD #C396D3 #B585C9 #A775BF #9964B5 #8B54AB

#DFB7E8 - #8B54AB

HSV Blend

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

0.0%	0.0% #DFB7E8	RGB 223 183 232	#DFB7E8
16.7%	16.7% #D1A3DD	RGB 209 163 221	#D1A3DD
33.3%	33.3% #C391D3	RGB 195 145 211	#C391D3
50.0%	50.0% #B580C9	RGB 181 128 201	#B580C9
66.7%	66.7% #A770BF	RGB 167 112 191	#A770BF
83.3%	83.3% #9961B5	RGB 153 97 181	#9961B5
100.0%	100.0% #8B54AB	RGB 139 84 171	#8B54AB

#DFB7E8 #D1A3DD #C391D3 #B580C9 #A770BF #9961B5 #8B54AB

#DFB7E8 - #B580C9 - #8B54AB

CSS codes

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

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