#A8407E - #E6C8DA | 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 #A8407E to #E6C8DA

#A8407E #E6C8DA

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

#A8407E - #E6C8DA | 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 #A8407E as 0% and #E6C8DA as 100%.

0.0%	0.0% #A8407E	RGB 168 64 126	#A8407E
16.7%	16.7% #B2568D	RGB 178 86 141	#B2568D
33.3%	33.3% #BC6D9C	RGB 188 109 156	#BC6D9C
50.0%	50.0% #C784AC	RGB 199 132 172	#C784AC
66.7%	66.7% #D19ABB	RGB 209 154 187	#D19ABB
83.3%	83.3% #DBB1CA	RGB 219 177 202	#DBB1CA
100.0%	100.0% #E6C8DA	RGB 230 200 218	#E6C8DA

#A8407E #B2568D #BC6D9C #C784AC #D19ABB #DBB1CA #E6C8DA

#A8407E - #E6C8DA

HSV Blend

#A8407E - #E6C8DA | 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 #A8407E as 0% and #E6C8DA as 100%.

0.0%	0.0% #A8407E	RGB 168 64 126	#A8407E
16.7%	16.7% #B2528B	RGB 178 82 139	#B2528B
33.3%	33.3% #BC669A	RGB 188 102 154	#BC669A
50.0%	50.0% #C77CA9	RGB 199 124 169	#C77CA9
66.7%	66.7% #D193B8	RGB 209 147 184	#D193B8
83.3%	83.3% #DBADC9	RGB 219 173 201	#DBADC9
100.0%	100.0% #E6C8DA	RGB 230 200 218	#E6C8DA

#A8407E #B2528B #BC669A #C77CA9 #D193B8 #DBADC9 #E6C8DA

#A8407E - #C77CA9 - #E6C8DA

CSS codes

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

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