#8C5E7C - #F28B8B | 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 #8C5E7C to #F28B8B

#8C5E7C #F28B8B

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

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

0.0%	0.0% #8C5E7C	RGB 140 94 124	#8C5E7C
16.7%	16.7% #9D657E	RGB 157 101 126	#9D657E
33.3%	33.3% #AE6D81	RGB 174 109 129	#AE6D81
50.0%	50.0% #BF7483	RGB 191 116 131	#BF7483
66.7%	66.7% #D07C86	RGB 208 124 134	#D07C86
83.3%	83.3% #E18388	RGB 225 131 136	#E18388
100.0%	100.0% #F28B8B	RGB 242 139 139	#F28B8B

#8C5E7C #9D657E #AE6D81 #BF7483 #D07C86 #E18388 #F28B8B

#8C5E7C - #F28B8B

HSV Blend

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

0.0%	0.0% #8C5E7C	RGB 140 94 124	#8C5E7C
16.7%	16.7% #9D6684	RGB 157 102 132	#9D6684
33.3%	33.3% #AE6F8A	RGB 174 111 138	#AE6F8A
50.0%	50.0% #BF768E	RGB 191 118 142	#BF768E
66.7%	66.7% #D07E8F	RGB 208 126 143	#D07E8F
83.3%	83.3% #E1848E	RGB 225 132 142	#E1848E
100.0%	100.0% #F28B8B	RGB 242 139 139	#F28B8B

#8C5E7C #9D6684 #AE6F8A #BF768E #D07E8F #E1848E #F28B8B

#8C5E7C - #BF768E - #F28B8B

CSS codes

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

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