#926EAA - #DFD5E6 | 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 #926EAA to #DFD5E6

#926EAA #DFD5E6

Calculate the color between two colors, #926EAA and #DFD5E6. 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)

#926EAA - #DFD5E6 | 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 #926EAA as 0% and #DFD5E6 as 100%.

0.0%	0.0% #926EAA	RGB 146 110 170	#926EAA
16.7%	16.7% #9E7FB4	RGB 158 127 180	#9E7FB4
33.3%	33.3% #AB90BE	RGB 171 144 190	#AB90BE
50.0%	50.0% #B8A1C8	RGB 184 161 200	#B8A1C8
66.7%	66.7% #C5B2D2	RGB 197 178 210	#C5B2D2
83.3%	83.3% #D2C3DC	RGB 210 195 220	#D2C3DC
100.0%	100.0% #DFD5E6	RGB 223 213 230	#DFD5E6

#926EAA #9E7FB4 #AB90BE #B8A1C8 #C5B2D2 #D2C3DC #DFD5E6

#926EAA - #DFD5E6

HSV Blend

#926EAA - #DFD5E6 | 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 #926EAA as 0% and #DFD5E6 as 100%.

0.0%	0.0% #926EAA	RGB 146 110 170	#926EAA
16.7%	16.7% #9D7CB4	RGB 157 124 180	#9D7CB4
33.3%	33.3% #AA8CBE	RGB 170 140 190	#AA8CBE
50.0%	50.0% #B69DC8	RGB 182 157 200	#B69DC8
66.7%	66.7% #C3AED2	RGB 195 174 210	#C3AED2
83.3%	83.3% #D1C1DC	RGB 209 193 220	#D1C1DC
100.0%	100.0% #DFD5E6	RGB 223 213 230	#DFD5E6

#926EAA #9D7CB4 #AA8CBE #B69DC8 #C3AED2 #D1C1DC #DFD5E6

#926EAA - #B69DC8 - #DFD5E6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #926EAA 0%, #B69DC8 50%, #DFD5E6 100%);
    background: -webkit-linear-gradient(top, #926EAA 0%, #B69DC8 50%, #DFD5E6 100%);
    background: linear-gradient(to bottom, #926EAA 0%, #B69DC8 50%, #DFD5E6 100%);
}
</style>