#B0578C - #E8CFDE | 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 #B0578C to #E8CFDE

#B0578C #E8CFDE

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

#B0578C - #E8CFDE | 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 #B0578C as 0% and #E8CFDE as 100%.

0.0%	0.0% #B0578C	RGB 176 87 140	#B0578C
16.7%	16.7% #B96B99	RGB 185 107 153	#B96B99
33.3%	33.3% #C27FA7	RGB 194 127 167	#C27FA7
50.0%	50.0% #CC93B5	RGB 204 147 181	#CC93B5
66.7%	66.7% #D5A7C2	RGB 213 167 194	#D5A7C2
83.3%	83.3% #DEBBD0	RGB 222 187 208	#DEBBD0
100.0%	100.0% #E8CFDE	RGB 232 207 222	#E8CFDE

#B0578C #B96B99 #C27FA7 #CC93B5 #D5A7C2 #DEBBD0 #E8CFDE

#B0578C - #E8CFDE

HSV Blend

#B0578C - #E8CFDE | 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 #B0578C as 0% and #E8CFDE as 100%.

0.0%	0.0% #B0578B	RGB 176 87 139	#B0578B
16.7%	16.7% #B96798	RGB 185 103 152	#B96798
33.3%	33.3% #C27AA5	RGB 194 122 165	#C27AA5
50.0%	50.0% #CC8DB2	RGB 204 141 178	#CC8DB2
66.7%	66.7% #D5A2C0	RGB 213 162 192	#D5A2C0
83.3%	83.3% #DEB7CF	RGB 222 183 207	#DEB7CF
100.0%	100.0% #E8CFDE	RGB 232 207 222	#E8CFDE

#B0578B #B96798 #C27AA5 #CC8DB2 #D5A2C0 #DEB7CF #E8CFDE

#B0578C - #CC8DB2 - #E8CFDE

CSS codes

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

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