#935DCB - #DFD0F0 | 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 #935DCB to #DFD0F0

#935DCB #DFD0F0

Calculate the color between two colors, #935DCB and #DFD0F0. 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)

#935DCB - #DFD0F0 | 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 #935DCB as 0% and #DFD0F0 as 100%.

0.0%	0.0% #935DCB	RGB 147 93 203	#935DCB
16.7%	16.7% #9F70D1	RGB 159 112 209	#9F70D1
33.3%	33.3% #AC83D7	RGB 172 131 215	#AC83D7
50.0%	50.0% #B996DD	RGB 185 150 221	#B996DD
66.7%	66.7% #C5A9E3	RGB 197 169 227	#C5A9E3
83.3%	83.3% #D2BCE9	RGB 210 188 233	#D2BCE9
100.0%	100.0% #DFD0F0	RGB 223 208 240	#DFD0F0

#935DCB #9F70D1 #AC83D7 #B996DD #C5A9E3 #D2BCE9 #DFD0F0

#935DCB - #DFD0F0

HSV Blend

#935DCB - #DFD0F0 | 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 #935DCB as 0% and #DFD0F0 as 100%.

0.0%	0.0% #935DCB	RGB 147 93 203	#935DCB
16.7%	16.7% #9E6ED1	RGB 158 110 209	#9E6ED1
33.3%	33.3% #AA7FD7	RGB 170 127 215	#AA7FD7
50.0%	50.0% #B692DD	RGB 182 146 221	#B692DD
66.7%	66.7% #C3A6E3	RGB 195 166 227	#C3A6E3
83.3%	83.3% #D0BAE9	RGB 208 186 233	#D0BAE9
100.0%	100.0% #DFD0F0	RGB 223 208 240	#DFD0F0

#935DCB #9E6ED1 #AA7FD7 #B692DD #C3A6E3 #D0BAE9 #DFD0F0

#935DCB - #B692DD - #DFD0F0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #935DCB 0%, #B692DD 50%, #DFD0F0 100%);
    background: -webkit-linear-gradient(top, #935DCB 0%, #B692DD 50%, #DFD0F0 100%);
    background: linear-gradient(to bottom, #935DCB 0%, #B692DD 50%, #DFD0F0 100%);
}
</style>