#9B5E9C - #FEAA9F | 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 #9B5E9C to #FEAA9F

#9B5E9C #FEAA9F

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

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

0.0%	0.0% #9B5E9C	RGB 155 94 156	#9B5E9C
16.7%	16.7% #AB6A9C	RGB 171 106 156	#AB6A9C
33.3%	33.3% #BC779D	RGB 188 119 157	#BC779D
50.0%	50.0% #CC849D	RGB 204 132 157	#CC849D
66.7%	66.7% #DD909E	RGB 221 144 158	#DD909E
83.3%	83.3% #ED9D9E	RGB 237 157 158	#ED9D9E
100.0%	100.0% #FEAA9F	RGB 254 170 159	#FEAA9F

#9B5E9C #AB6A9C #BC779D #CC849D #DD909E #ED9D9E #FEAA9F

#9B5E9C - #FEAA9F

HSV Blend

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

0.0%	0.0% #9B5E9C	RGB 155 94 156	#9B5E9C
16.7%	16.7% #AC68A0	RGB 172 104 160	#AC68A0
33.3%	33.3% #BC73A2	RGB 188 115 162	#BC73A2
50.0%	50.0% #CD7DA1	RGB 205 125 161	#CD7DA1
66.7%	66.7% #DD889E	RGB 221 136 158	#DD889E
83.3%	83.3% #ED939A	RGB 237 147 154	#ED939A
100.0%	100.0% #FEAA9F	RGB 254 170 159	#FEAA9F

#9B5E9C #AC68A0 #BC73A2 #CD7DA1 #DD889E #ED939A #FEAA9F

#9B5E9C - #CD7DA1 - #FEAA9F

CSS codes

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

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