#926CAC - #DFD5E7 | 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 #926CAC to #DFD5E7

#926CAC #DFD5E7

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

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

0.0%	0.0% #926CAC	RGB 146 108 172	#926CAC
16.7%	16.7% #9E7DB5	RGB 158 125 181	#9E7DB5
33.3%	33.3% #AB8FBF	RGB 171 143 191	#AB8FBF
50.0%	50.0% #B8A0C9	RGB 184 160 201	#B8A0C9
66.7%	66.7% #C5B2D3	RGB 197 178 211	#C5B2D3
83.3%	83.3% #D2C3DD	RGB 210 195 221	#D2C3DD
100.0%	100.0% #DFD5E7	RGB 223 213 231	#DFD5E7

#926CAC #9E7DB5 #AB8FBF #B8A0C9 #C5B2D3 #D2C3DD #DFD5E7

#926CAC - #DFD5E7

HSV Blend

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

0.0%	0.0% #926CAC	RGB 146 108 172	#926CAC
16.7%	16.7% #9D7BB5	RGB 157 123 181	#9D7BB5
33.3%	33.3% #A98BBF	RGB 169 139 191	#A98BBF
50.0%	50.0% #B69CC9	RGB 182 156 201	#B69CC9
66.7%	66.7% #C3AED3	RGB 195 174 211	#C3AED3
83.3%	83.3% #D0C1DD	RGB 208 193 221	#D0C1DD
100.0%	100.0% #DFD5E7	RGB 223 213 231	#DFD5E7

#926CAC #9D7BB5 #A98BBF #B69CC9 #C3AED3 #D0C1DD #DFD5E7

#926CAC - #B69CC9 - #DFD5E7

CSS codes

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

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