#9F557B - #E3CED8 | 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 #9F557B to #E3CED8

#9F557B #E3CED8

Calculate the color between two colors, #9F557B and #E3CED8. 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)

#9F557B - #E3CED8 | 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 #9F557B as 0% and #E3CED8 as 100%.

0.0%	0.0% #9F557B	RGB 159 85 123	#9F557B
16.7%	16.7% #AA698A	RGB 170 105 138	#AA698A
33.3%	33.3% #B57D9A	RGB 181 125 154	#B57D9A
50.0%	50.0% #C191A9	RGB 193 145 169	#C191A9
66.7%	66.7% #CCA5B9	RGB 204 165 185	#CCA5B9
83.3%	83.3% #D7B9C8	RGB 215 185 200	#D7B9C8
100.0%	100.0% #E3CED8	RGB 227 206 216	#E3CED8

#9F557B #AA698A #B57D9A #C191A9 #CCA5B9 #D7B9C8 #E3CED8

#9F557B - #E3CED8

HSV Blend

#9F557B - #E3CED8 | 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 #9F557B as 0% and #E3CED8 as 100%.

0.0%	0.0% #9F557B	RGB 159 85 123	#9F557B
16.7%	16.7% #AA6588	RGB 170 101 136	#AA6588
33.3%	33.3% #B57796	RGB 181 119 150	#B57796
50.0%	50.0% #C18BA5	RGB 193 139 165	#C18BA5
66.7%	66.7% #CCA0B5	RGB 204 160 181	#CCA0B5
83.3%	83.3% #D7B6C6	RGB 215 182 198	#D7B6C6
100.0%	100.0% #E3CED8	RGB 227 206 216	#E3CED8

#9F557B #AA6588 #B57796 #C18BA5 #CCA0B5 #D7B6C6 #E3CED8

#9F557B - #C18BA5 - #E3CED8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F557B 0%, #C18BA5 50%, #E3CED8 100%);
    background: -webkit-linear-gradient(top, #9F557B 0%, #C18BA5 50%, #E3CED8 100%);
    background: linear-gradient(to bottom, #9F557B 0%, #C18BA5 50%, #E3CED8 100%);
}
</style>