#EBE5E8 - #A98AB4 | 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 #EBE5E8 to #A98AB4

#EBE5E8 #A98AB4

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

#EBE5E8 - #A98AB4 | 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 #EBE5E8 as 0% and #A98AB4 as 100%.

0.0%	0.0% #EBE5E8	RGB 235 229 232	#EBE5E8
16.7%	16.7% #E0D5DF	RGB 224 213 223	#E0D5DF
33.3%	33.3% #D5C6D6	RGB 213 198 214	#D5C6D6
50.0%	50.0% #CAB7CE	RGB 202 183 206	#CAB7CE
66.7%	66.7% #BFA8C5	RGB 191 168 197	#BFA8C5
83.3%	83.3% #B499BC	RGB 180 153 188	#B499BC
100.0%	100.0% #A98AB4	RGB 169 138 180	#A98AB4

#EBE5E8 #E0D5DF #D5C6D6 #CAB7CE #BFA8C5 #B499BC #A98AB4

#EBE5E8 - #A98AB4

HSV Blend

#EBE5E8 - #A98AB4 | 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 #EBE5E8 as 0% and #A98AB4 as 100%.

0.0%	0.0% #EBE5E8	RGB 235 229 232	#EBE5E8
16.7%	16.7% #E1D4DC	RGB 225 212 220	#E1D4DC
33.3%	33.3% #D8C4D3	RGB 216 196 211	#D8C4D3
50.0%	50.0% #CFB4CC	RGB 207 180 204	#CFB4CC
66.7%	66.7% #C6A5C6	RGB 198 165 198	#C6A5C6
83.3%	83.3% #B897BD	RGB 184 151 189	#B897BD
100.0%	100.0% #A98AB4	RGB 169 138 180	#A98AB4

#EBE5E8 #E1D4DC #D8C4D3 #CFB4CC #C6A5C6 #B897BD #A98AB4

#EBE5E8 - #CFB4CC - #A98AB4

CSS codes

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

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