#E5A8AA - #AF525B | 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 #E5A8AA to #AF525B

#E5A8AA #AF525B

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

#E5A8AA - #AF525B | 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 #E5A8AA as 0% and #AF525B as 100%.

0.0%	0.0% #E5A8AA	RGB 229 168 170	#E5A8AA
16.7%	16.7% #DC999C	RGB 220 153 156	#DC999C
33.3%	33.3% #D38B8F	RGB 211 139 143	#D38B8F
50.0%	50.0% #CA7D82	RGB 202 125 130	#CA7D82
66.7%	66.7% #C16E75	RGB 193 110 117	#C16E75
83.3%	83.3% #B86068	RGB 184 96 104	#B86068
100.0%	100.0% #AF525B	RGB 175 82 91	#AF525B

#E5A8AA #DC999C #D38B8F #CA7D82 #C16E75 #B86068 #AF525B

#E5A8AA - #AF525B

HSV Blend

#E5A8AA - #AF525B | 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 #E5A8AA as 0% and #AF525B as 100%.

0.0%	0.0% #E5A8AA	RGB 229 168 170	#E5A8AA
16.7%	16.7% #DC979A	RGB 220 151 154	#DC979A
33.3%	33.3% #D3888C	RGB 211 136 140	#D3888C
50.0%	50.0% #CA797E	RGB 202 121 126	#CA797E
66.7%	66.7% #C16B71	RGB 193 107 113	#C16B71
83.3%	83.3% #B85E66	RGB 184 94 102	#B85E66
100.0%	100.0% #AF525B	RGB 175 82 91	#AF525B

#E5A8AA #DC979A #D3888C #CA797E #C16B71 #B85E66 #AF525B

#E5A8AA - #CA797E - #AF525B

CSS codes

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

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