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

#A8404E #E6C8CC

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

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

0.0%	0.0% #A8404E	RGB 168 64 78	#A8404E
16.7%	16.7% #B25663	RGB 178 86 99	#B25663
33.3%	33.3% #BC6D78	RGB 188 109 120	#BC6D78
50.0%	50.0% #C7848D	RGB 199 132 141	#C7848D
66.7%	66.7% #D19AA2	RGB 209 154 162	#D19AA2
83.3%	83.3% #DBB1B7	RGB 219 177 183	#DBB1B7
100.0%	100.0% #E6C8CC	RGB 230 200 204	#E6C8CC

#A8404E #B25663 #BC6D78 #C7848D #D19AA2 #DBB1B7 #E6C8CC

#A8404E - #E6C8CC

HSV Blend

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

0.0%	0.0% #A8404E	RGB 168 64 78	#A8404E
16.7%	16.7% #B2525F	RGB 178 82 95	#B2525F
33.3%	33.3% #BC6672	RGB 188 102 114	#BC6672
50.0%	50.0% #C77C86	RGB 199 124 134	#C77C86
66.7%	66.7% #D1939C	RGB 209 147 156	#D1939C
83.3%	83.3% #DBADB3	RGB 219 173 179	#DBADB3
100.0%	100.0% #E6C8CC	RGB 230 200 204	#E6C8CC

#A8404E #B2525F #BC6672 #C77C86 #D1939C #DBADB3 #E6C8CC

#A8404E - #C77C86 - #E6C8CC

CSS codes

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

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