#E2AFB2 - #403232 | 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 #E2AFB2 to #403232

#E2AFB2 #403232

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

#E2AFB2 - #403232 | 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 #E2AFB2 as 0% and #403232 as 100%.

0.0%	0.0% #E2AFB2	RGB 226 175 178	#E2AFB2
16.7%	16.7% #C79A9C	RGB 199 154 156	#C79A9C
33.3%	33.3% #AC8587	RGB 172 133 135	#AC8587
50.0%	50.0% #917072	RGB 145 112 114	#917072
66.7%	66.7% #765B5C	RGB 118 91 92	#765B5C
83.3%	83.3% #5B4647	RGB 91 70 71	#5B4647
100.0%	100.0% #403232	RGB 64 50 50	#403232

#E2AFB2 #C79A9C #AC8587 #917072 #765B5C #5B4647 #403232

#E2AFB2 - #403232

HSV Blend

#E2AFB2 - #403232 | 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 #E2AFB2 as 0% and #403232 as 100%.

0.0%	0.0% #E2AFB1	RGB 226 175 177	#E2AFB1
16.7%	16.7% #C79A9C	RGB 199 154 156	#C79A9C
33.3%	33.3% #AC8587	RGB 172 133 135	#AC8587
50.0%	50.0% #917071	RGB 145 112 113	#917071
66.7%	66.7% #765B5C	RGB 118 91 92	#765B5C
83.3%	83.3% #5B4647	RGB 91 70 71	#5B4647
100.0%	100.0% #403232	RGB 64 50 50	#403232

#E2AFB1 #C79A9C #AC8587 #917071 #765B5C #5B4647 #403232

#E2AFB2 - #917071 - #403232

CSS codes

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

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