#9F91A2 - #643C7A | 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 #9F91A2 to #643C7A

#9F91A2 #643C7A

Calculate the color between two colors, #9F91A2 and #643C7A. 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)

#9F91A2 - #643C7A | 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 #9F91A2 as 0% and #643C7A as 100%.

0.0%	0.0% #9F91A2	RGB 159 145 162	#9F91A2
16.7%	16.7% #95829B	RGB 149 130 155	#95829B
33.3%	33.3% #8B7494	RGB 139 116 148	#8B7494
50.0%	50.0% #81668E	RGB 129 102 142	#81668E
66.7%	66.7% #775887	RGB 119 88 135	#775887
83.3%	83.3% #6D4A80	RGB 109 74 128	#6D4A80
100.0%	100.0% #643C7A	RGB 100 60 122	#643C7A

#9F91A2 #95829B #8B7494 #81668E #775887 #6D4A80 #643C7A

#9F91A2 - #643C7A

HSV Blend

#9F91A2 - #643C7A | 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 #9F91A2 as 0% and #643C7A as 100%.

0.0%	0.0% #9F91A2	RGB 159 145 162	#9F91A2
16.7%	16.7% #95809B	RGB 149 128 155	#95809B
33.3%	33.3% #8C7194	RGB 140 113 148	#8C7194
50.0%	50.0% #82628E	RGB 130 98 142	#82628E
66.7%	66.7% #785487	RGB 120 84 135	#785487
83.3%	83.3% #6E4780	RGB 110 71 128	#6E4780
100.0%	100.0% #643C7A	RGB 100 60 122	#643C7A

#9F91A2 #95809B #8C7194 #82628E #785487 #6E4780 #643C7A

#9F91A2 - #82628E - #643C7A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F91A2 0%, #82628E 50%, #643C7A 100%);
    background: -webkit-linear-gradient(top, #9F91A2 0%, #82628E 50%, #643C7A 100%);
    background: linear-gradient(to bottom, #9F91A2 0%, #82628E 50%, #643C7A 100%);
}
</style>