#E5E2E2 - #AC8E95 | 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 #E5E2E2 to #AC8E95

#E5E2E2 #AC8E95

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

#E5E2E2 - #AC8E95 | 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 #E5E2E2 as 0% and #AC8E95 as 100%.

0.0%	0.0% #E5E2E2	RGB 229 226 226	#E5E2E2
16.7%	16.7% #DBD4D5	RGB 219 212 213	#DBD4D5
33.3%	33.3% #D2C6C8	RGB 210 198 200	#D2C6C8
50.0%	50.0% #C8B8BB	RGB 200 184 187	#C8B8BB
66.7%	66.7% #BFAAAE	RGB 191 170 174	#BFAAAE
83.3%	83.3% #B59CA1	RGB 181 156 161	#B59CA1
100.0%	100.0% #AC8E95	RGB 172 142 149	#AC8E95

#E5E2E2 #DBD4D5 #D2C6C8 #C8B8BB #BFAAAE #B59CA1 #AC8E95

#E5E2E2 - #AC8E95

HSV Blend

#E5E2E2 - #AC8E95 | 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 #E5E2E2 as 0% and #AC8E95 as 100%.

0.0%	0.0% #E5E2E2	RGB 229 226 226	#E5E2E2
16.7%	16.7% #DBD2D3	RGB 219 210 211	#DBD2D3
33.3%	33.3% #D2C3C5	RGB 210 195 197	#D2C3C5
50.0%	50.0% #C8B5B7	RGB 200 181 183	#C8B5B7
66.7%	66.7% #BFA7AB	RGB 191 167 171	#BFA7AB
83.3%	83.3% #B59A9F	RGB 181 154 159	#B59A9F
100.0%	100.0% #AC8E95	RGB 172 142 149	#AC8E95

#E5E2E2 #DBD2D3 #D2C3C5 #C8B5B7 #BFA7AB #B59A9F #AC8E95

#E5E2E2 - #C8B5B7 - #AC8E95

CSS codes

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

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