#E2B7D1 - #B85589 | 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 #E2B7D1 to #B85589

#E2B7D1 #B85589

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

#E2B7D1 - #B85589 | 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 #E2B7D1 as 0% and #B85589 as 100%.

0.0%	0.0% #E2B7D1	RGB 226 183 209	#E2B7D1
16.7%	16.7% #DBA6C5	RGB 219 166 197	#DBA6C5
33.3%	33.3% #D496B9	RGB 212 150 185	#D496B9
50.0%	50.0% #CD86AD	RGB 205 134 173	#CD86AD
66.7%	66.7% #C675A1	RGB 198 117 161	#C675A1
83.3%	83.3% #BF6595	RGB 191 101 149	#BF6595
100.0%	100.0% #B85589	RGB 184 85 137	#B85589

#E2B7D1 #DBA6C5 #D496B9 #CD86AD #C675A1 #BF6595 #B85589

#E2B7D1 - #B85589

HSV Blend

#E2B7D1 - #B85589 | 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 #E2B7D1 as 0% and #B85589 as 100%.

0.0%	0.0% #E2B7D1	RGB 226 183 209	#E2B7D1
16.7%	16.7% #DBA4C4	RGB 219 164 196	#DBA4C4
33.3%	33.3% #D493B8	RGB 212 147 184	#D493B8
50.0%	50.0% #CD82AC	RGB 205 130 172	#CD82AC
66.7%	66.7% #C672A0	RGB 198 114 160	#C672A0
83.3%	83.3% #BF6394	RGB 191 99 148	#BF6394
100.0%	100.0% #B85589	RGB 184 85 137	#B85589

#E2B7D1 #DBA4C4 #D493B8 #CD82AC #C672A0 #BF6394 #B85589

#E2B7D1 - #CD82AC - #B85589

CSS codes

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

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