#AD96A2 - #8D416B | 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 #AD96A2 to #8D416B

#AD96A2 #8D416B

Calculate the color between two colors, #AD96A2 and #8D416B. 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)

#AD96A2 - #8D416B | 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 #AD96A2 as 0% and #8D416B as 100%.

0.0%	0.0% #AD96A2	RGB 173 150 162	#AD96A2
16.7%	16.7% #A78798	RGB 167 135 152	#A78798
33.3%	33.3% #A2798F	RGB 162 121 143	#A2798F
50.0%	50.0% #9D6B86	RGB 157 107 134	#9D6B86
66.7%	66.7% #975D7D	RGB 151 93 125	#975D7D
83.3%	83.3% #924F74	RGB 146 79 116	#924F74
100.0%	100.0% #8D416B	RGB 141 65 107	#8D416B

#AD96A2 #A78798 #A2798F #9D6B86 #975D7D #924F74 #8D416B

#AD96A2 - #8D416B

HSV Blend

#AD96A2 - #8D416B | 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 #AD96A2 as 0% and #8D416B as 100%.

0.0%	0.0% #AD96A2	RGB 173 150 162	#AD96A2
16.7%	16.7% #A78697	RGB 167 134 151	#A78697
33.3%	33.3% #A2768D	RGB 162 118 141	#A2768D
50.0%	50.0% #9D6884	RGB 157 104 132	#9D6884
66.7%	66.7% #975A7B	RGB 151 90 123	#975A7B
83.3%	83.3% #924D73	RGB 146 77 115	#924D73
100.0%	100.0% #8D416B	RGB 141 65 107	#8D416B

#AD96A2 #A78697 #A2768D #9D6884 #975A7B #924D73 #8D416B

#AD96A2 - #9D6884 - #8D416B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AD96A2 0%, #9D6884 50%, #8D416B 100%);
    background: -webkit-linear-gradient(top, #AD96A2 0%, #9D6884 50%, #8D416B 100%);
    background: linear-gradient(to bottom, #AD96A2 0%, #9D6884 50%, #8D416B 100%);
}
</style>