#EDDAE8 - #BA828C | 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 #EDDAE8 to #BA828C

#EDDAE8 #BA828C

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

#EDDAE8 - #BA828C | 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 #EDDAE8 as 0% and #BA828C as 100%.

0.0%	0.0% #EDDAE8	RGB 237 218 232	#EDDAE8
16.7%	16.7% #E4CBD8	RGB 228 203 216	#E4CBD8
33.3%	33.3% #DCBCC9	RGB 220 188 201	#DCBCC9
50.0%	50.0% #D3AEBA	RGB 211 174 186	#D3AEBA
66.7%	66.7% #CB9FAA	RGB 203 159 170	#CB9FAA
83.3%	83.3% #C2909B	RGB 194 144 155	#C2909B
100.0%	100.0% #BA828C	RGB 186 130 140	#BA828C

#EDDAE8 #E4CBD8 #DCBCC9 #D3AEBA #CB9FAA #C2909B #BA828C

#EDDAE8 - #BA828C

HSV Blend

#EDDAE8 - #BA828C | 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 #EDDAE8 as 0% and #BA828C as 100%.

0.0%	0.0% #EDDAE8	RGB 237 218 232	#EDDAE8
16.7%	16.7% #E4C9DA	RGB 228 201 218	#E4C9DA
33.3%	33.3% #DCBACC	RGB 220 186 204	#DCBACC
50.0%	50.0% #D3ABBD	RGB 211 171 189	#D3ABBD
66.7%	66.7% #CB9CAD	RGB 203 156 173	#CB9CAD
83.3%	83.3% #C28F9D	RGB 194 143 157	#C28F9D
100.0%	100.0% #BA828C	RGB 186 130 140	#BA828C

#EDDAE8 #E4C9DA #DCBACC #D3ABBD #CB9CAD #C28F9D #BA828C

#EDDAE8 - #D3ABBD - #BA828C

CSS codes

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

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