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

#A8406E #E6C8D5

Calculate the color between two colors, #A8406E 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)

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

0.0%	0.0% #A8406E	RGB 168 64 110	#A8406E
16.7%	16.7% #B2567F	RGB 178 86 127	#B2567F
33.3%	33.3% #BC6D90	RGB 188 109 144	#BC6D90
50.0%	50.0% #C784A1	RGB 199 132 161	#C784A1
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

#A8406E #B2567F #BC6D90 #C784A1 #D19AB2 #DBB1C3 #E6C8D5

#A8406E - #E6C8D5

HSV Blend

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

0.0%	0.0% #A8406E	RGB 168 64 110	#A8406E
16.7%	16.7% #B2527C	RGB 178 82 124	#B2527C
33.3%	33.3% #BC668C	RGB 188 102 140	#BC668C
50.0%	50.0% #C77C9D	RGB 199 124 157	#C77C9D
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

#A8406E #B2527C #BC668C #C77C9D #D193AE #DBADC1 #E6C8D5

#A8406E - #C77C9D - #E6C8D5

CSS codes

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

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