#B3005E - #E9B6D1 | 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 #B3005E to #E9B6D1

#B3005E #E9B6D1

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

#B3005E - #E9B6D1 | 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 #B3005E as 0% and #E9B6D1 as 100%.

0.0%	0.0% #B3005E	RGB 179 0 94	#B3005E
16.7%	16.7% #BC1E71	RGB 188 30 113	#BC1E71
33.3%	33.3% #C53C84	RGB 197 60 132	#C53C84
50.0%	50.0% #CE5B97	RGB 206 91 151	#CE5B97
66.7%	66.7% #D779AA	RGB 215 121 170	#D779AA
83.3%	83.3% #E097BD	RGB 224 151 189	#E097BD
100.0%	100.0% #E9B6D1	RGB 233 182 209	#E9B6D1

#B3005E #BC1E71 #C53C84 #CE5B97 #D779AA #E097BD #E9B6D1

#B3005E - #E9B6D1

HSV Blend

#B3005E - #E9B6D1 | 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 #B3005E as 0% and #E9B6D1 as 100%.

0.0%	0.0% #B3005E	RGB 179 0 94	#B3005E
16.7%	16.7% #BC186E	RGB 188 24 110	#BC186E
33.3%	33.3% #C53380	RGB 197 51 128	#C53380
50.0%	50.0% #CE5092	RGB 206 80 146	#CE5092
66.7%	66.7% #D76FA6	RGB 215 111 166	#D76FA6
83.3%	83.3% #E091BB	RGB 224 145 187	#E091BB
100.0%	100.0% #E9B6D1	RGB 233 182 209	#E9B6D1

#B3005E #BC186E #C53380 #CE5092 #D76FA6 #E091BB #E9B6D1

#B3005E - #CE5092 - #E9B6D1

CSS codes

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

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