#917EAD - #DFDAE7 | 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 #917EAD to #DFDAE7

#917EAD #DFDAE7

Calculate the color between two colors, #917EAD and #DFDAE7. 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)

#917EAD - #DFDAE7 | 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 #917EAD as 0% and #DFDAE7 as 100%.

0.0%	0.0% #917EAD	RGB 145 126 173	#917EAD
16.7%	16.7% #9E8DB6	RGB 158 141 182	#9E8DB6
33.3%	33.3% #AB9CC0	RGB 171 156 192	#AB9CC0
50.0%	50.0% #B8ACCA	RGB 184 172 202	#B8ACCA
66.7%	66.7% #C5BBD3	RGB 197 187 211	#C5BBD3
83.3%	83.3% #D2CADD	RGB 210 202 221	#D2CADD
100.0%	100.0% #DFDAE7	RGB 223 218 231	#DFDAE7

#917EAD #9E8DB6 #AB9CC0 #B8ACCA #C5BBD3 #D2CADD #DFDAE7

#917EAD - #DFDAE7

HSV Blend

#917EAD - #DFDAE7 | 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 #917EAD as 0% and #DFDAE7 as 100%.

0.0%	0.0% #917EAD	RGB 145 126 173	#917EAD
16.7%	16.7% #9C8BB6	RGB 156 139 182	#9C8BB6
33.3%	33.3% #A999C0	RGB 169 153 192	#A999C0
50.0%	50.0% #B5A8CA	RGB 181 168 202	#B5A8CA
66.7%	66.7% #C3B8D3	RGB 195 184 211	#C3B8D3
83.3%	83.3% #D0C8DD	RGB 208 200 221	#D0C8DD
100.0%	100.0% #DFDAE7	RGB 223 218 231	#DFDAE7

#917EAD #9C8BB6 #A999C0 #B5A8CA #C3B8D3 #D0C8DD #DFDAE7

#917EAD - #B5A8CA - #DFDAE7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #917EAD 0%, #B5A8CA 50%, #DFDAE7 100%);
    background: -webkit-linear-gradient(top, #917EAD 0%, #B5A8CA 50%, #DFDAE7 100%);
    background: linear-gradient(to bottom, #917EAD 0%, #B5A8CA 50%, #DFDAE7 100%);
}
</style>