#A84E84 - #A8A8DB | 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 #A84E84 to #A8A8DB

#A84E84 #A8A8DB

Calculate the color between two colors, #A84E84 and #A8A8DB. 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)

#A84E84 - #A8A8DB | 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 #A84E84 as 0% and #A8A8DB as 100%.

0.0%	0.0% #A84E84	RGB 168 78 132	#A84E84
16.7%	16.7% #A85D92	RGB 168 93 146	#A85D92
33.3%	33.3% #A86CA1	RGB 168 108 161	#A86CA1
50.0%	50.0% #A87BAF	RGB 168 123 175	#A87BAF
66.7%	66.7% #A88ABE	RGB 168 138 190	#A88ABE
83.3%	83.3% #A899CC	RGB 168 153 204	#A899CC
100.0%	100.0% #A8A8DB	RGB 168 168 219	#A8A8DB

#A84E84 #A85D92 #A86CA1 #A87BAF #A88ABE #A899CC #A8A8DB

#A84E84 - #A8A8DB

HSV Blend

#A84E84 - #A8A8DB | 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 #A84E84 as 0% and #A8A8DB as 100%.

0.0%	0.0% #A84E84	RGB 168 78 132	#A84E84
16.7%	16.7% #B05AA2	RGB 176 90 162	#B05AA2
33.3%	33.3% #B368B9	RGB 179 104 185	#B368B9
50.0%	50.0% #AB77C1	RGB 171 119 193	#AB77C1
66.7%	66.7% #A686CA	RGB 166 134 202	#A686CA
83.3%	83.3% #A496D2	RGB 164 150 210	#A496D2
100.0%	100.0% #A8A8DB	RGB 168 168 219	#A8A8DB

#A84E84 #B05AA2 #B368B9 #AB77C1 #A686CA #A496D2 #A8A8DB

#A84E84 - #AB77C1 - #A8A8DB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A84E84 0%, #AB77C1 50%, #A8A8DB 100%);
    background: -webkit-linear-gradient(top, #A84E84 0%, #AB77C1 50%, #A8A8DB 100%);
    background: linear-gradient(to bottom, #A84E84 0%, #AB77C1 50%, #A8A8DB 100%);
}
</style>