#9A79A8 - #492757 | 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 #9A79A8 to #492757

#9A79A8 #492757

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

#9A79A8 - #492757 | 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 #9A79A8 as 0% and #492757 as 100%.

0.0%	0.0% #9A79A8	RGB 154 121 168	#9A79A8
16.7%	16.7% #8C6B9A	RGB 140 107 154	#8C6B9A
33.3%	33.3% #7F5D8D	RGB 127 93 141	#7F5D8D
50.0%	50.0% #71507F	RGB 113 80 127	#71507F
66.7%	66.7% #644272	RGB 100 66 114	#644272
83.3%	83.3% #563464	RGB 86 52 100	#563464
100.0%	100.0% #492757	RGB 73 39 87	#492757

#9A79A8 #8C6B9A #7F5D8D #71507F #644272 #563464 #492757

#9A79A8 - #492757

HSV Blend

#9A79A8 - #492757 | 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 #9A79A8 as 0% and #492757 as 100%.

0.0%	0.0% #9A79A8	RGB 154 121 168	#9A79A8
16.7%	16.7% #8B689A	RGB 139 104 154	#8B689A
33.3%	33.3% #7D588D	RGB 125 88 141	#7D588D
50.0%	50.0% #6F4A7F	RGB 111 74 127	#6F4A7F
66.7%	66.7% #623D72	RGB 98 61 114	#623D72
83.3%	83.3% #553164	RGB 85 49 100	#553164
100.0%	100.0% #492757	RGB 73 39 87	#492757

#9A79A8 #8B689A #7D588D #6F4A7F #623D72 #553164 #492757

#9A79A8 - #6F4A7F - #492757

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9A79A8 0%, #6F4A7F 50%, #492757 100%);
    background: -webkit-linear-gradient(top, #9A79A8 0%, #6F4A7F 50%, #492757 100%);
    background: linear-gradient(to bottom, #9A79A8 0%, #6F4A7F 50%, #492757 100%);
}
</style>