#7A757E - #5E284E | 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 #7A757E to #5E284E

#7A757E #5E284E

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

#7A757E - #5E284E | 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 #7A757E as 0% and #5E284E as 100%.

0.0%	0.0% #7A757E	RGB 122 117 126	#7A757E
16.7%	16.7% #756876	RGB 117 104 118	#756876
33.3%	33.3% #705B6E	RGB 112 91 110	#705B6E
50.0%	50.0% #6C4E66	RGB 108 78 102	#6C4E66
66.7%	66.7% #67415E	RGB 103 65 94	#67415E
83.3%	83.3% #623456	RGB 98 52 86	#623456
100.0%	100.0% #5E284E	RGB 94 40 78	#5E284E

#7A757E #756876 #705B6E #6C4E66 #67415E #623456 #5E284E

#7A757E - #5E284E

HSV Blend

#7A757E - #5E284E | 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 #7A757E as 0% and #5E284E as 100%.

0.0%	0.0% #7A757E	RGB 122 117 126	#7A757E
16.7%	16.7% #726578	RGB 114 101 120	#726578
33.3%	33.3% #6D5773	RGB 109 87 115	#6D5773
50.0%	50.0% #6B4A6E	RGB 107 74 110	#6B4A6E
66.7%	66.7% #683E66	RGB 104 62 102	#683E66
83.3%	83.3% #63325A	RGB 99 50 90	#63325A
100.0%	100.0% #5E284E	RGB 94 40 78	#5E284E

#7A757E #726578 #6D5773 #6B4A6E #683E66 #63325A #5E284E

#7A757E - #6B4A6E - #5E284E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7A757E 0%, #6B4A6E 50%, #5E284E 100%);
    background: -webkit-linear-gradient(top, #7A757E 0%, #6B4A6E 50%, #5E284E 100%);
    background: linear-gradient(to bottom, #7A757E 0%, #6B4A6E 50%, #5E284E 100%);
}
</style>