#A879A8 - #4D2959 | 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 #A879A8 to #4D2959

#A879A8 #4D2959

Calculate the color between two colors, #A879A8 and #4D2959. 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)

#A879A8 - #4D2959 | 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 #A879A8 as 0% and #4D2959 as 100%.

0.0%	0.0% #A879A8	RGB 168 121 168	#A879A8
16.7%	16.7% #986B9A	RGB 152 107 154	#986B9A
33.3%	33.3% #895E8D	RGB 137 94 141	#895E8D
50.0%	50.0% #7A5180	RGB 122 81 128	#7A5180
66.7%	66.7% #6B4373	RGB 107 67 115	#6B4373
83.3%	83.3% #5C3666	RGB 92 54 102	#5C3666
100.0%	100.0% #4D2959	RGB 77 41 89	#4D2959

#A879A8 #986B9A #895E8D #7A5180 #6B4373 #5C3666 #4D2959

#A879A8 - #4D2959

HSV Blend

#A879A8 - #4D2959 | 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 #A879A8 as 0% and #4D2959 as 100%.

0.0%	0.0% #A879A8	RGB 168 121 168	#A879A8
16.7%	16.7% #98689A	RGB 152 104 154	#98689A
33.3%	33.3% #89598D	RGB 137 89 141	#89598D
50.0%	50.0% #794B80	RGB 121 75 128	#794B80
66.7%	66.7% #6A3F73	RGB 106 63 115	#6A3F73
83.3%	83.3% #5B3366	RGB 91 51 102	#5B3366
100.0%	100.0% #4D2959	RGB 77 41 89	#4D2959

#A879A8 #98689A #89598D #794B80 #6A3F73 #5B3366 #4D2959

#A879A8 - #794B80 - #4D2959

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A879A8 0%, #794B80 50%, #4D2959 100%);
    background: -webkit-linear-gradient(top, #A879A8 0%, #794B80 50%, #4D2959 100%);
    background: linear-gradient(to bottom, #A879A8 0%, #794B80 50%, #4D2959 100%);
}
</style>