#9F5E8C - #F5B2AC | 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 #9F5E8C to #F5B2AC

#9F5E8C #F5B2AC

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

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

0.0%	0.0% #9F5E8C	RGB 159 94 140	#9F5E8C
16.7%	16.7% #AD6C91	RGB 173 108 145	#AD6C91
33.3%	33.3% #BB7A96	RGB 187 122 150	#BB7A96
50.0%	50.0% #CA889C	RGB 202 136 156	#CA889C
66.7%	66.7% #D896A1	RGB 216 150 161	#D896A1
83.3%	83.3% #E6A4A6	RGB 230 164 166	#E6A4A6
100.0%	100.0% #F5B2AC	RGB 245 178 172	#F5B2AC

#9F5E8C #AD6C91 #BB7A96 #CA889C #D896A1 #E6A4A6 #F5B2AC

#9F5E8C - #F5B2AC

HSV Blend

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

0.0%	0.0% #9F5E8C	RGB 159 94 140	#9F5E8C
16.7%	16.7% #AD6990	RGB 173 105 144	#AD6990
33.3%	33.3% #BB7594	RGB 187 117 148	#BB7594
50.0%	50.0% #CA8298	RGB 202 130 152	#CA8298
66.7%	66.7% #D88F9D	RGB 216 143 157	#D88F9D
83.3%	83.3% #E69DA1	RGB 230 157 161	#E69DA1
100.0%	100.0% #F5B2AC	RGB 245 178 172	#F5B2AC

#9F5E8C #AD6990 #BB7594 #CA8298 #D88F9D #E69DA1 #F5B2AC

#9F5E8C - #CA8298 - #F5B2AC

CSS codes

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

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