#B0546B - #E8CED4 | 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 #B0546B to #E8CED4

#B0546B #E8CED4

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

#B0546B - #E8CED4 | 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 #B0546B as 0% and #E8CED4 as 100%.

0.0%	0.0% #B0546B	RGB 176 84 107	#B0546B
16.7%	16.7% #B9687C	RGB 185 104 124	#B9687C
33.3%	33.3% #C27C8E	RGB 194 124 142	#C27C8E
50.0%	50.0% #CC919F	RGB 204 145 159	#CC919F
66.7%	66.7% #D5A5B1	RGB 213 165 177	#D5A5B1
83.3%	83.3% #DEB9C2	RGB 222 185 194	#DEB9C2
100.0%	100.0% #E8CED4	RGB 232 206 212	#E8CED4

#B0546B #B9687C #C27C8E #CC919F #D5A5B1 #DEB9C2 #E8CED4

#B0546B - #E8CED4

HSV Blend

#B0546B - #E8CED4 | 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 #B0546B as 0% and #E8CED4 as 100%.

0.0%	0.0% #B0546B	RGB 176 84 107	#B0546B
16.7%	16.7% #B96579	RGB 185 101 121	#B96579
33.3%	33.3% #C27789	RGB 194 119 137	#C27789
50.0%	50.0% #CC8B9A	RGB 204 139 154	#CC8B9A
66.7%	66.7% #D5A0AC	RGB 213 160 172	#D5A0AC
83.3%	83.3% #DEB6BF	RGB 222 182 191	#DEB6BF
100.0%	100.0% #E8CED4	RGB 232 206 212	#E8CED4

#B0546B #B96579 #C27789 #CC8B9A #D5A0AC #DEB6BF #E8CED4

#B0546B - #CC8B9A - #E8CED4

CSS codes

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

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