#8C5A7B - #8F85CC | 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 #8C5A7B to #8F85CC

#8C5A7B #8F85CC

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

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

0.0%	0.0% #8C5A7B	RGB 140 90 123	#8C5A7B
16.7%	16.7% #8C6188	RGB 140 97 136	#8C6188
33.3%	33.3% #8D6896	RGB 141 104 150	#8D6896
50.0%	50.0% #8D6FA3	RGB 141 111 163	#8D6FA3
66.7%	66.7% #8E76B1	RGB 142 118 177	#8E76B1
83.3%	83.3% #8E7DBE	RGB 142 125 190	#8E7DBE
100.0%	100.0% #8F85CC	RGB 143 133 204	#8F85CC

#8C5A7B #8C6188 #8D6896 #8D6FA3 #8E76B1 #8E7DBE #8F85CC

#8C5A7B - #8F85CC

HSV Blend

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

0.0%	0.0% #8C5A7B	RGB 140 90 123	#8C5A7B
16.7%	16.7% #96618F	RGB 150 97 143	#96618F
33.3%	33.3% #9D68A1	RGB 157 104 161	#9D68A1
50.0%	50.0% #9C6FAC	RGB 156 111 172	#9C6FAC
66.7%	66.7% #9976B6	RGB 153 118 182	#9976B6
83.3%	83.3% #947DC1	RGB 148 125 193	#947DC1
100.0%	100.0% #8F85CC	RGB 143 133 204	#8F85CC

#8C5A7B #96618F #9D68A1 #9C6FAC #9976B6 #947DC1 #8F85CC

#8C5A7B - #9C6FAC - #8F85CC

CSS codes

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

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