#9465A7 - #DFD3E5 | 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 #9465A7 to #DFD3E5

#9465A7 #DFD3E5

Calculate the color between two colors, #9465A7 and #DFD3E5. 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)

#9465A7 - #DFD3E5 | 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 #9465A7 as 0% and #DFD3E5 as 100%.

0.0%	0.0% #9465A7	RGB 148 101 167	#9465A7
16.7%	16.7% #A077B1	RGB 160 119 177	#A077B1
33.3%	33.3% #AD89BB	RGB 173 137 187	#AD89BB
50.0%	50.0% #B99CC6	RGB 185 156 198	#B99CC6
66.7%	66.7% #C6AED0	RGB 198 174 208	#C6AED0
83.3%	83.3% #D2C0DA	RGB 210 192 218	#D2C0DA
100.0%	100.0% #DFD3E5	RGB 223 211 229	#DFD3E5

#9465A7 #A077B1 #AD89BB #B99CC6 #C6AED0 #D2C0DA #DFD3E5

#9465A7 - #DFD3E5

HSV Blend

#9465A7 - #DFD3E5 | 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 #9465A7 as 0% and #DFD3E5 as 100%.

0.0%	0.0% #9465A7	RGB 148 101 167	#9465A7
16.7%	16.7% #9F74B1	RGB 159 116 177	#9F74B1
33.3%	33.3% #AB85BB	RGB 171 133 187	#AB85BB
50.0%	50.0% #B797C6	RGB 183 151 198	#B797C6
66.7%	66.7% #C4A9D0	RGB 196 169 208	#C4A9D0
83.3%	83.3% #D1BDDA	RGB 209 189 218	#D1BDDA
100.0%	100.0% #DFD3E5	RGB 223 211 229	#DFD3E5

#9465A7 #9F74B1 #AB85BB #B797C6 #C4A9D0 #D1BDDA #DFD3E5

#9465A7 - #B797C6 - #DFD3E5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9465A7 0%, #B797C6 50%, #DFD3E5 100%);
    background: -webkit-linear-gradient(top, #9465A7 0%, #B797C6 50%, #DFD3E5 100%);
    background: linear-gradient(to bottom, #9465A7 0%, #B797C6 50%, #DFD3E5 100%);
}
</style>