#A4948C - #E5E1DE | 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 #A4948C to #E5E1DE

#A4948C #E5E1DE

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

#A4948C - #E5E1DE | 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 #A4948C as 0% and #E5E1DE as 100%.

0.0%	0.0% #A4948C	RGB 164 148 140	#A4948C
16.7%	16.7% #AEA099	RGB 174 160 153	#AEA099
33.3%	33.3% #B9ADA7	RGB 185 173 167	#B9ADA7
50.0%	50.0% #C4BAB5	RGB 196 186 181	#C4BAB5
66.7%	66.7% #CFC7C2	RGB 207 199 194	#CFC7C2
83.3%	83.3% #DAD4D0	RGB 218 212 208	#DAD4D0
100.0%	100.0% #E5E1DE	RGB 229 225 222	#E5E1DE

#A4948C #AEA099 #B9ADA7 #C4BAB5 #CFC7C2 #DAD4D0 #E5E1DE

#A4948C - #E5E1DE

HSV Blend

#A4948C - #E5E1DE | 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 #A4948C as 0% and #E5E1DE as 100%.

0.0%	0.0% #A4948C	RGB 164 148 140	#A4948C
16.7%	16.7% #AEA098	RGB 174 160 152	#AEA098
33.3%	33.3% #B9ACA5	RGB 185 172 165	#B9ACA5
50.0%	50.0% #C4B9B3	RGB 196 185 179	#C4B9B3
66.7%	66.7% #CFC6C0	RGB 207 198 192	#CFC6C0
83.3%	83.3% #DAD3CF	RGB 218 211 207	#DAD3CF
100.0%	100.0% #E5E1DE	RGB 229 225 222	#E5E1DE

#A4948C #AEA098 #B9ACA5 #C4B9B3 #CFC6C0 #DAD3CF #E5E1DE

#A4948C - #C4B9B3 - #E5E1DE

CSS codes

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

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