#EAE5E8 - #BD80A4 | 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 #EAE5E8 to #BD80A4

#EAE5E8 #BD80A4

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

#EAE5E8 - #BD80A4 | 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 #EAE5E8 as 0% and #BD80A4 as 100%.

0.0%	0.0% #EAE5E8	RGB 234 229 232	#EAE5E8
16.7%	16.7% #E2D4DC	RGB 226 212 220	#E2D4DC
33.3%	33.3% #DBC3D1	RGB 219 195 209	#DBC3D1
50.0%	50.0% #D3B2C6	RGB 211 178 198	#D3B2C6
66.7%	66.7% #CCA1BA	RGB 204 161 186	#CCA1BA
83.3%	83.3% #C490AF	RGB 196 144 175	#C490AF
100.0%	100.0% #BD80A4	RGB 189 128 164	#BD80A4

#EAE5E8 #E2D4DC #DBC3D1 #D3B2C6 #CCA1BA #C490AF #BD80A4

#EAE5E8 - #BD80A4

HSV Blend

#EAE5E8 - #BD80A4 | 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 #EAE5E8 as 0% and #BD80A4 as 100%.

0.0%	0.0% #EAE5E8	RGB 234 229 232	#EAE5E8
16.7%	16.7% #E2D2DB	RGB 226 210 219	#E2D2DB
33.3%	33.3% #DBC0D0	RGB 219 192 208	#DBC0D0
50.0%	50.0% #D3AFC4	RGB 211 175 196	#D3AFC4
66.7%	66.7% #CC9EB9	RGB 204 158 185	#CC9EB9
83.3%	83.3% #C48EAE	RGB 196 142 174	#C48EAE
100.0%	100.0% #BD80A4	RGB 189 128 164	#BD80A4

#EAE5E8 #E2D2DB #DBC0D0 #D3AFC4 #CC9EB9 #C48EAE #BD80A4

#EAE5E8 - #D3AFC4 - #BD80A4

CSS codes

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

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