#8B5E8C - #F1A0AA | 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 #8B5E8C to #F1A0AA

#8B5E8C #F1A0AA

Calculate the color between two colors, #8B5E8C and #F1A0AA. 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)

#8B5E8C - #F1A0AA | 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 #8B5E8C as 0% and #F1A0AA as 100%.

0.0%	0.0% #8B5E8C	RGB 139 94 140	#8B5E8C
16.7%	16.7% #9C6991	RGB 156 105 145	#9C6991
33.3%	33.3% #AD7496	RGB 173 116 150	#AD7496
50.0%	50.0% #BE7F9B	RGB 190 127 155	#BE7F9B
66.7%	66.7% #CF8AA0	RGB 207 138 160	#CF8AA0
83.3%	83.3% #E095A5	RGB 224 149 165	#E095A5
100.0%	100.0% #F1A0AA	RGB 241 160 170	#F1A0AA

#8B5E8C #9C6991 #AD7496 #BE7F9B #CF8AA0 #E095A5 #F1A0AA

#8B5E8C - #F1A0AA

HSV Blend

#8B5E8C - #F1A0AA | 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 #8B5E8C as 0% and #F1A0AA as 100%.

0.0%	0.0% #8B5E8C	RGB 139 94 140	#8B5E8C
16.7%	16.7% #9C6996	RGB 156 105 150	#9C6996
33.3%	33.3% #AD749D	RGB 173 116 157	#AD749D
50.0%	50.0% #BE7FA3	RGB 190 127 163	#BE7FA3
66.7%	66.7% #CF8AA7	RGB 207 138 167	#CF8AA7
83.3%	83.3% #E095A9	RGB 224 149 169	#E095A9
100.0%	100.0% #F1A0AA	RGB 241 160 170	#F1A0AA

#8B5E8C #9C6996 #AD749D #BE7FA3 #CF8AA7 #E095A9 #F1A0AA

#8B5E8C - #BE7FA3 - #F1A0AA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8B5E8C 0%, #BE7FA3 50%, #F1A0AA 100%);
    background: -webkit-linear-gradient(top, #8B5E8C 0%, #BE7FA3 50%, #F1A0AA 100%);
    background: linear-gradient(to bottom, #8B5E8C 0%, #BE7FA3 50%, #F1A0AA 100%);
}
</style>