#A8406C - #E6C8D5 | 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 #A8406C to #E6C8D5

#A8406C #E6C8D5

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

#A8406C - #E6C8D5 | 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 #A8406C as 0% and #E6C8D5 as 100%.

0.0%	0.0% #A8406C	RGB 168 64 108	#A8406C
16.7%	16.7% #B2567D	RGB 178 86 125	#B2567D
33.3%	33.3% #BC6D8F	RGB 188 109 143	#BC6D8F
50.0%	50.0% #C784A0	RGB 199 132 160	#C784A0
66.7%	66.7% #D19AB2	RGB 209 154 178	#D19AB2
83.3%	83.3% #DBB1C3	RGB 219 177 195	#DBB1C3
100.0%	100.0% #E6C8D5	RGB 230 200 213	#E6C8D5

#A8406C #B2567D #BC6D8F #C784A0 #D19AB2 #DBB1C3 #E6C8D5

#A8406C - #E6C8D5

HSV Blend

#A8406C - #E6C8D5 | 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 #A8406C as 0% and #E6C8D5 as 100%.

0.0%	0.0% #A8406C	RGB 168 64 108	#A8406C
16.7%	16.7% #B2527B	RGB 178 82 123	#B2527B
33.3%	33.3% #BC668B	RGB 188 102 139	#BC668B
50.0%	50.0% #C77C9C	RGB 199 124 156	#C77C9C
66.7%	66.7% #D193AE	RGB 209 147 174	#D193AE
83.3%	83.3% #DBADC1	RGB 219 173 193	#DBADC1
100.0%	100.0% #E6C8D5	RGB 230 200 213	#E6C8D5

#A8406C #B2527B #BC668B #C77C9C #D193AE #DBADC1 #E6C8D5

#A8406C - #C77C9C - #E6C8D5

CSS codes

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

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