#9F96B5 - #583B68 | 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 #9F96B5 to #583B68

#9F96B5 #583B68

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

#9F96B5 - #583B68 | 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 #9F96B5 as 0% and #583B68 as 100%.

0.0%	0.0% #9F96B5	RGB 159 150 181	#9F96B5
16.7%	16.7% #9386A8	RGB 147 134 168	#9386A8
33.3%	33.3% #87779B	RGB 135 119 155	#87779B
50.0%	50.0% #7B688E	RGB 123 104 142	#7B688E
66.7%	66.7% #6F5981	RGB 111 89 129	#6F5981
83.3%	83.3% #634A74	RGB 99 74 116	#634A74
100.0%	100.0% #583B68	RGB 88 59 104	#583B68

#9F96B5 #9386A8 #87779B #7B688E #6F5981 #634A74 #583B68

#9F96B5 - #583B68

HSV Blend

#9F96B5 - #583B68 | 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 #9F96B5 as 0% and #583B68 as 100%.

0.0%	0.0% #9F96B5	RGB 159 150 181	#9F96B5
16.7%	16.7% #9084A8	RGB 144 132 168	#9084A8
33.3%	33.3% #83739B	RGB 131 115 155	#83739B
50.0%	50.0% #77638E	RGB 119 99 142	#77638E
66.7%	66.7% #6C5481	RGB 108 84 129	#6C5481
83.3%	83.3% #614774	RGB 97 71 116	#614774
100.0%	100.0% #583B68	RGB 88 59 104	#583B68

#9F96B5 #9084A8 #83739B #77638E #6C5481 #614774 #583B68

#9F96B5 - #77638E - #583B68

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F96B5 0%, #77638E 50%, #583B68 100%);
    background: -webkit-linear-gradient(top, #9F96B5 0%, #77638E 50%, #583B68 100%);
    background: linear-gradient(to bottom, #9F96B5 0%, #77638E 50%, #583B68 100%);
}
</style>