#9383C2 - #DFDBED | 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 #9383C2 to #DFDBED

#9383C2 #DFDBED

Calculate the color between two colors, #9383C2 and #DFDBED. 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)

#9383C2 - #DFDBED | 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 #9383C2 as 0% and #DFDBED as 100%.

0.0%	0.0% #9383C2	RGB 147 131 194	#9383C2
16.7%	16.7% #9F91C9	RGB 159 145 201	#9F91C9
33.3%	33.3% #ACA0D0	RGB 172 160 208	#ACA0D0
50.0%	50.0% #B9AFD7	RGB 185 175 215	#B9AFD7
66.7%	66.7% #C5BDDE	RGB 197 189 222	#C5BDDE
83.3%	83.3% #D2CCE5	RGB 210 204 229	#D2CCE5
100.0%	100.0% #DFDBED	RGB 223 219 237	#DFDBED

#9383C2 #9F91C9 #ACA0D0 #B9AFD7 #C5BDDE #D2CCE5 #DFDBED

#9383C2 - #DFDBED

HSV Blend

#9383C2 - #DFDBED | 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 #9383C2 as 0% and #DFDBED as 100%.

0.0%	0.0% #9383C2	RGB 147 131 194	#9383C2
16.7%	16.7% #9E90C9	RGB 158 144 201	#9E90C9
33.3%	33.3% #AA9DD0	RGB 170 157 208	#AA9DD0
50.0%	50.0% #B6ACD7	RGB 182 172 215	#B6ACD7
66.7%	66.7% #C3BBDE	RGB 195 187 222	#C3BBDE
83.3%	83.3% #D0CAE5	RGB 208 202 229	#D0CAE5
100.0%	100.0% #DFDBED	RGB 223 219 237	#DFDBED

#9383C2 #9E90C9 #AA9DD0 #B6ACD7 #C3BBDE #D0CAE5 #DFDBED

#9383C2 - #B6ACD7 - #DFDBED

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9383C2 0%, #B6ACD7 50%, #DFDBED 100%);
    background: -webkit-linear-gradient(top, #9383C2 0%, #B6ACD7 50%, #DFDBED 100%);
    background: linear-gradient(to bottom, #9383C2 0%, #B6ACD7 50%, #DFDBED 100%);
}
</style>