#A40B5E - #E5B9D1 | 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 #A40B5E to #E5B9D1

#A40B5E #E5B9D1

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

#A40B5E - #E5B9D1 | 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 #A40B5E as 0% and #E5B9D1 as 100%.

0.0%	0.0% #A40B5E	RGB 164 11 94	#A40B5E
16.7%	16.7% #AE2871	RGB 174 40 113	#AE2871
33.3%	33.3% #B94584	RGB 185 69 132	#B94584
50.0%	50.0% #C46297	RGB 196 98 151	#C46297
66.7%	66.7% #CF7FAA	RGB 207 127 170	#CF7FAA
83.3%	83.3% #DA9CBD	RGB 218 156 189	#DA9CBD
100.0%	100.0% #E5B9D1	RGB 229 185 209	#E5B9D1

#A40B5E #AE2871 #B94584 #C46297 #CF7FAA #DA9CBD #E5B9D1

#A40B5E - #E5B9D1

HSV Blend

#A40B5E - #E5B9D1 | 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 #A40B5E as 0% and #E5B9D1 as 100%.

0.0%	0.0% #A40A5D	RGB 164 10 93	#A40A5D
16.7%	16.7% #AE216E	RGB 174 33 110	#AE216E
33.3%	33.3% #B93A7F	RGB 185 58 127	#B93A7F
50.0%	50.0% #C45592	RGB 196 85 146	#C45592
66.7%	66.7% #CF74A5	RGB 207 116 165	#CF74A5
83.3%	83.3% #DA95BA	RGB 218 149 186	#DA95BA
100.0%	100.0% #E5B9D1	RGB 229 185 209	#E5B9D1

#A40A5D #AE216E #B93A7F #C45592 #CF74A5 #DA95BA #E5B9D1

#A40B5E - #C45592 - #E5B9D1

CSS codes

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

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