#9F99D4 - #5A348D | 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 #9F99D4 to #5A348D

#9F99D4 #5A348D

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

#9F99D4 - #5A348D | 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 #9F99D4 as 0% and #5A348D as 100%.

0.0%	0.0% #9F99D4	RGB 159 153 212	#9F99D4
16.7%	16.7% #9388C8	RGB 147 136 200	#9388C8
33.3%	33.3% #8877BC	RGB 136 119 188	#8877BC
50.0%	50.0% #7C66B0	RGB 124 102 176	#7C66B0
66.7%	66.7% #7155A4	RGB 113 85 164	#7155A4
83.3%	83.3% #654498	RGB 101 68 152	#654498
100.0%	100.0% #5A348D	RGB 90 52 141	#5A348D

#9F99D4 #9388C8 #8877BC #7C66B0 #7155A4 #654498 #5A348D

#9F99D4 - #5A348D

HSV Blend

#9F99D4 - #5A348D | 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 #9F99D4 as 0% and #5A348D as 100%.

0.0%	0.0% #9F99D4	RGB 159 153 212	#9F99D4
16.7%	16.7% #8F84C8	RGB 143 132 200	#8F84C8
33.3%	33.3% #8171BC	RGB 129 113 188	#8171BC
50.0%	50.0% #7560B0	RGB 117 96 176	#7560B0
66.7%	66.7% #6B50A4	RGB 107 80 164	#6B50A4
83.3%	83.3% #614198	RGB 97 65 152	#614198
100.0%	100.0% #5A348D	RGB 90 52 141	#5A348D

#9F99D4 #8F84C8 #8171BC #7560B0 #6B50A4 #614198 #5A348D

#9F99D4 - #7560B0 - #5A348D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F99D4 0%, #7560B0 50%, #5A348D 100%);
    background: -webkit-linear-gradient(top, #9F99D4 0%, #7560B0 50%, #5A348D 100%);
    background: linear-gradient(to bottom, #9F99D4 0%, #7560B0 50%, #5A348D 100%);
}
</style>