#DFD5E6 - #7D75AE | 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 #DFD5E6 to #7D75AE

#DFD5E6 #7D75AE

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

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

0.0%	0.0% #DFD5E6	RGB 223 213 230	#DFD5E6
16.7%	16.7% #CEC5DC	RGB 206 197 220	#CEC5DC
33.3%	33.3% #BEB5D3	RGB 190 181 211	#BEB5D3
50.0%	50.0% #AEA5CA	RGB 174 165 202	#AEA5CA
66.7%	66.7% #9D95C0	RGB 157 149 192	#9D95C0
83.3%	83.3% #8D85B7	RGB 141 133 183	#8D85B7
100.0%	100.0% #7D75AE	RGB 125 117 174	#7D75AE

#DFD5E6 #CEC5DC #BEB5D3 #AEA5CA #9D95C0 #8D85B7 #7D75AE

#DFD5E6 - #7D75AE

HSV Blend

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

0.0%	0.0% #DFD5E6	RGB 223 213 230	#DFD5E6
16.7%	16.7% #D0C3DC	RGB 208 195 220	#D0C3DC
33.3%	33.3% #C0B1D3	RGB 192 177 211	#C0B1D3
50.0%	50.0% #B0A1CA	RGB 176 161 202	#B0A1CA
66.7%	66.7% #9F91C0	RGB 159 145 192	#9F91C0
83.3%	83.3% #8E83B7	RGB 142 131 183	#8E83B7
100.0%	100.0% #7D75AE	RGB 125 117 174	#7D75AE

#DFD5E6 #D0C3DC #C0B1D3 #B0A1CA #9F91C0 #8E83B7 #7D75AE

#DFD5E6 - #B0A1CA - #7D75AE

CSS codes

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

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