#946DB1 - #DFD5E8 | 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 #946DB1 to #DFD5E8

#946DB1 #DFD5E8

Calculate the color between two colors, #946DB1 and #DFD5E8. 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)

#946DB1 - #DFD5E8 | 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 #946DB1 as 0% and #DFD5E8 as 100%.

0.0%	0.0% #946DB1	RGB 148 109 177	#946DB1
16.7%	16.7% #A07EBA	RGB 160 126 186	#A07EBA
33.3%	33.3% #AD8FC3	RGB 173 143 195	#AD8FC3
50.0%	50.0% #B9A1CC	RGB 185 161 204	#B9A1CC
66.7%	66.7% #C6B2D5	RGB 198 178 213	#C6B2D5
83.3%	83.3% #D2C3DE	RGB 210 195 222	#D2C3DE
100.0%	100.0% #DFD5E8	RGB 223 213 232	#DFD5E8

#946DB1 #A07EBA #AD8FC3 #B9A1CC #C6B2D5 #D2C3DE #DFD5E8

#946DB1 - #DFD5E8

HSV Blend

#946DB1 - #DFD5E8 | 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 #946DB1 as 0% and #DFD5E8 as 100%.

0.0%	0.0% #946DB1	RGB 148 109 177	#946DB1
16.7%	16.7% #9F7CBA	RGB 159 124 186	#9F7CBA
33.3%	33.3% #AA8BC3	RGB 170 139 195	#AA8BC3
50.0%	50.0% #B79CCC	RGB 183 156 204	#B79CCC
66.7%	66.7% #C3AED5	RGB 195 174 213	#C3AED5
83.3%	83.3% #D1C1DE	RGB 209 193 222	#D1C1DE
100.0%	100.0% #DFD5E8	RGB 223 213 232	#DFD5E8

#946DB1 #9F7CBA #AA8BC3 #B79CCC #C3AED5 #D1C1DE #DFD5E8

#946DB1 - #B79CCC - #DFD5E8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #946DB1 0%, #B79CCC 50%, #DFD5E8 100%);
    background: -webkit-linear-gradient(top, #946DB1 0%, #B79CCC 50%, #DFD5E8 100%);
    background: linear-gradient(to bottom, #946DB1 0%, #B79CCC 50%, #DFD5E8 100%);
}
</style>