#9A94A7 - #5E3E8D | 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 #9A94A7 to #5E3E8D

#9A94A7 #5E3E8D

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

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

0.0%	0.0% #9A94A7	RGB 154 148 167	#9A94A7
16.7%	16.7% #9085A2	RGB 144 133 162	#9085A2
33.3%	33.3% #86779E	RGB 134 119 158	#86779E
50.0%	50.0% #7C699A	RGB 124 105 154	#7C699A
66.7%	66.7% #725A95	RGB 114 90 149	#725A95
83.3%	83.3% #684C91	RGB 104 76 145	#684C91
100.0%	100.0% #5E3E8D	RGB 94 62 141	#5E3E8D

#9A94A7 #9085A2 #86779E #7C699A #725A95 #684C91 #5E3E8D

#9A94A7 - #5E3E8D

HSV Blend

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

0.0%	0.0% #9A94A7	RGB 154 148 167	#9A94A7
16.7%	16.7% #8E84A2	RGB 142 132 162	#8E84A2
33.3%	33.3% #83749E	RGB 131 116 158	#83749E
50.0%	50.0% #78669A	RGB 120 102 154	#78669A
66.7%	66.7% #6F5895	RGB 111 88 149	#6F5895
83.3%	83.3% #664A91	RGB 102 74 145	#664A91
100.0%	100.0% #5E3E8D	RGB 94 62 141	#5E3E8D

#9A94A7 #8E84A2 #83749E #78669A #6F5895 #664A91 #5E3E8D

#9A94A7 - #78669A - #5E3E8D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9A94A7 0%, #78669A 50%, #5E3E8D 100%);
    background: -webkit-linear-gradient(top, #9A94A7 0%, #78669A 50%, #5E3E8D 100%);
    background: linear-gradient(to bottom, #9A94A7 0%, #78669A 50%, #5E3E8D 100%);
}
</style>