#B0508F - #E8CDDF | 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 #B0508F to #E8CDDF

#B0508F #E8CDDF

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

#B0508F - #E8CDDF | 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 #B0508F as 0% and #E8CDDF as 100%.

0.0%	0.0% #B0508F	RGB 176 80 143	#B0508F
16.7%	16.7% #B9649C	RGB 185 100 156	#B9649C
33.3%	33.3% #C279A9	RGB 194 121 169	#C279A9
50.0%	50.0% #CC8EB7	RGB 204 142 183	#CC8EB7
66.7%	66.7% #D5A3C4	RGB 213 163 196	#D5A3C4
83.3%	83.3% #DEB8D1	RGB 222 184 209	#DEB8D1
100.0%	100.0% #E8CDDF	RGB 232 205 223	#E8CDDF

#B0508F #B9649C #C279A9 #CC8EB7 #D5A3C4 #DEB8D1 #E8CDDF

#B0508F - #E8CDDF

HSV Blend

#B0508F - #E8CDDF | 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 #B0508F as 0% and #E8CDDF as 100%.

0.0%	0.0% #B0508F	RGB 176 80 143	#B0508F
16.7%	16.7% #B9619B	RGB 185 97 155	#B9619B
33.3%	33.3% #C274A8	RGB 194 116 168	#C274A8
50.0%	50.0% #CC88B5	RGB 204 136 181	#CC88B5
66.7%	66.7% #D59DC2	RGB 213 157 194	#D59DC2
83.3%	83.3% #DEB4D0	RGB 222 180 208	#DEB4D0
100.0%	100.0% #E8CDDF	RGB 232 205 223	#E8CDDF

#B0508F #B9619B #C274A8 #CC88B5 #D59DC2 #DEB4D0 #E8CDDF

#B0508F - #CC88B5 - #E8CDDF

CSS codes

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

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