#A84E4E - #C7A8DB | 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 #A84E4E to #C7A8DB

#A84E4E #C7A8DB

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

#A84E4E - #C7A8DB | 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 #A84E4E as 0% and #C7A8DB as 100%.

0.0%	0.0% #A84E4E	RGB 168 78 78	#A84E4E
16.7%	16.7% #AD5D65	RGB 173 93 101	#AD5D65
33.3%	33.3% #B26C7D	RGB 178 108 125	#B26C7D
50.0%	50.0% #B77B94	RGB 183 123 148	#B77B94
66.7%	66.7% #BC8AAC	RGB 188 138 172	#BC8AAC
83.3%	83.3% #C199C3	RGB 193 153 195	#C199C3
100.0%	100.0% #C7A8DB	RGB 199 168 219	#C7A8DB

#A84E4E #AD5D65 #B26C7D #B77B94 #BC8AAC #C199C3 #C7A8DB

#A84E4E - #C7A8DB

HSV Blend

#A84E4E - #C7A8DB | 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 #A84E4E as 0% and #C7A8DB as 100%.

0.0%	0.0% #A84E4E	RGB 168 78 78	#A84E4E
16.7%	16.7% #B05A6E	RGB 176 90 110	#B05A6E
33.3%	33.3% #B9688D	RGB 185 104 141	#B9688D
50.0%	50.0% #C177AA	RGB 193 119 170	#C177AA
66.7%	66.7% #CA86C5	RGB 202 134 197	#CA86C5
83.3%	83.3% #C896D2	RGB 200 150 210	#C896D2
100.0%	100.0% #C7A8DB	RGB 199 168 219	#C7A8DB

#A84E4E #B05A6E #B9688D #C177AA #CA86C5 #C896D2 #C7A8DB

#A84E4E - #C177AA - #C7A8DB

CSS codes

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

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