#A40A30 - #E5B9C3 | 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 #A40A30 to #E5B9C3

#A40A30 #E5B9C3

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

#A40A30 - #E5B9C3 | 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 #A40A30 as 0% and #E5B9C3 as 100%.

0.0%	0.0% #A40A30	RGB 164 10 48	#A40A30
16.7%	16.7% #AE2748	RGB 174 39 72	#AE2748
33.3%	33.3% #B94461	RGB 185 68 97	#B94461
50.0%	50.0% #C46179	RGB 196 97 121	#C46179
66.7%	66.7% #CF7E92	RGB 207 126 146	#CF7E92
83.3%	83.3% #DA9BAA	RGB 218 155 170	#DA9BAA
100.0%	100.0% #E5B9C3	RGB 229 185 195	#E5B9C3

#A40A30 #AE2748 #B94461 #C46179 #CF7E92 #DA9BAA #E5B9C3

#A40A30 - #E5B9C3

HSV Blend

#A40A30 - #E5B9C3 | 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 #A40A30 as 0% and #E5B9C3 as 100%.

0.0%	0.0% #A40A2F	RGB 164 10 47	#A40A2F
16.7%	16.7% #AE2043	RGB 174 32 67	#AE2043
33.3%	33.3% #B93958	RGB 185 57 88	#B93958
50.0%	50.0% #C4556F	RGB 196 85 111	#C4556F
66.7%	66.7% #CF7389	RGB 207 115 137	#CF7389
83.3%	83.3% #DA95A5	RGB 218 149 165	#DA95A5
100.0%	100.0% #E5B9C3	RGB 229 185 195	#E5B9C3

#A40A2F #AE2043 #B93958 #C4556F #CF7389 #DA95A5 #E5B9C3

#A40A30 - #C4556F - #E5B9C3

CSS codes

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

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