#E4A2AC - #AF495E | 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 #E4A2AC to #AF495E

#E4A2AC #AF495E

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

#E4A2AC - #AF495E | 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 #E4A2AC as 0% and #AF495E as 100%.

0.0%	0.0% #E4A2AC	RGB 228 162 172	#E4A2AC
16.7%	16.7% #DB939F	RGB 219 147 159	#DB939F
33.3%	33.3% #D28492	RGB 210 132 146	#D28492
50.0%	50.0% #C97585	RGB 201 117 133	#C97585
66.7%	66.7% #C06678	RGB 192 102 120	#C06678
83.3%	83.3% #B7576B	RGB 183 87 107	#B7576B
100.0%	100.0% #AF495E	RGB 175 73 94	#AF495E

#E4A2AC #DB939F #D28492 #C97585 #C06678 #B7576B #AF495E

#E4A2AC - #AF495E

HSV Blend

#E4A2AC - #AF495E | 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 #E4A2AC as 0% and #AF495E as 100%.

0.0%	0.0% #E4A2AC	RGB 228 162 172	#E4A2AC
16.7%	16.7% #DB919C	RGB 219 145 156	#DB919C
33.3%	33.3% #D2808E	RGB 210 128 142	#D2808E
50.0%	50.0% #C97181	RGB 201 113 129	#C97181
66.7%	66.7% #C06374	RGB 192 99 116	#C06374
83.3%	83.3% #B75568	RGB 183 85 104	#B75568
100.0%	100.0% #AF495E	RGB 175 73 94	#AF495E

#E4A2AC #DB919C #D2808E #C97181 #C06374 #B75568 #AF495E

#E4A2AC - #C97181 - #AF495E

CSS codes

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

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