#A8404D - #E6C8CC | 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 #A8404D to #E6C8CC

#A8404D #E6C8CC

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

#A8404D - #E6C8CC | 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 #A8404D as 0% and #E6C8CC as 100%.

0.0%	0.0% #A8404D	RGB 168 64 77	#A8404D
16.7%	16.7% #B25662	RGB 178 86 98	#B25662
33.3%	33.3% #BC6D77	RGB 188 109 119	#BC6D77
50.0%	50.0% #C7848C	RGB 199 132 140	#C7848C
66.7%	66.7% #D19AA1	RGB 209 154 161	#D19AA1
83.3%	83.3% #DBB1B6	RGB 219 177 182	#DBB1B6
100.0%	100.0% #E6C8CC	RGB 230 200 204	#E6C8CC

#A8404D #B25662 #BC6D77 #C7848C #D19AA1 #DBB1B6 #E6C8CC

#A8404D - #E6C8CC

HSV Blend

#A8404D - #E6C8CC | 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 #A8404D as 0% and #E6C8CC as 100%.

0.0%	0.0% #A8404C	RGB 168 64 76	#A8404C
16.7%	16.7% #B2525E	RGB 178 82 94	#B2525E
33.3%	33.3% #BC6671	RGB 188 102 113	#BC6671
50.0%	50.0% #C77C86	RGB 199 124 134	#C77C86
66.7%	66.7% #D1939B	RGB 209 147 155	#D1939B
83.3%	83.3% #DBADB3	RGB 219 173 179	#DBADB3
100.0%	100.0% #E6C8CC	RGB 230 200 204	#E6C8CC

#A8404C #B2525E #BC6671 #C77C86 #D1939B #DBADB3 #E6C8CC

#A8404D - #C77C86 - #E6C8CC

CSS codes

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

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