#9466A1 - #DFD3E4 | 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 #9466A1 to #DFD3E4

#9466A1 #DFD3E4

Calculate the color between two colors, #9466A1 and #DFD3E4. 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)

#9466A1 - #DFD3E4 | 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 #9466A1 as 0% and #DFD3E4 as 100%.

0.0%	0.0% #9466A1	RGB 148 102 161	#9466A1
16.7%	16.7% #A078AC	RGB 160 120 172	#A078AC
33.3%	33.3% #AD8AB7	RGB 173 138 183	#AD8AB7
50.0%	50.0% #B99CC2	RGB 185 156 194	#B99CC2
66.7%	66.7% #C6AECD	RGB 198 174 205	#C6AECD
83.3%	83.3% #D2C0D8	RGB 210 192 216	#D2C0D8
100.0%	100.0% #DFD3E4	RGB 223 211 228	#DFD3E4

#9466A1 #A078AC #AD8AB7 #B99CC2 #C6AECD #D2C0D8 #DFD3E4

#9466A1 - #DFD3E4

HSV Blend

#9466A1 - #DFD3E4 | 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 #9466A1 as 0% and #DFD3E4 as 100%.

0.0%	0.0% #9466A1	RGB 148 102 161	#9466A1
16.7%	16.7% #9F75AC	RGB 159 117 172	#9F75AC
33.3%	33.3% #AB85B7	RGB 171 133 183	#AB85B7
50.0%	50.0% #B797C2	RGB 183 151 194	#B797C2
66.7%	66.7% #C4AACD	RGB 196 170 205	#C4AACD
83.3%	83.3% #D1BED8	RGB 209 190 216	#D1BED8
100.0%	100.0% #DFD3E4	RGB 223 211 228	#DFD3E4

#9466A1 #9F75AC #AB85B7 #B797C2 #C4AACD #D1BED8 #DFD3E4

#9466A1 - #B797C2 - #DFD3E4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9466A1 0%, #B797C2 50%, #DFD3E4 100%);
    background: -webkit-linear-gradient(top, #9466A1 0%, #B797C2 50%, #DFD3E4 100%);
    background: linear-gradient(to bottom, #9466A1 0%, #B797C2 50%, #DFD3E4 100%);
}
</style>