#B2124C - #E9BBCB | 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 #B2124C to #E9BBCB

#B2124C #E9BBCB

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

#B2124C - #E9BBCB | 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 #B2124C as 0% and #E9BBCB as 100%.

0.0%	0.0% #B2124C	RGB 178 18 76	#B2124C
16.7%	16.7% #BB2E61	RGB 187 46 97	#BB2E61
33.3%	33.3% #C44A76	RGB 196 74 118	#C44A76
50.0%	50.0% #CD668B	RGB 205 102 139	#CD668B
66.7%	66.7% #D682A0	RGB 214 130 160	#D682A0
83.3%	83.3% #DF9EB5	RGB 223 158 181	#DF9EB5
100.0%	100.0% #E9BBCB	RGB 233 187 203	#E9BBCB

#B2124C #BB2E61 #C44A76 #CD668B #D682A0 #DF9EB5 #E9BBCB

#B2124C - #E9BBCB

HSV Blend

#B2124C - #E9BBCB | 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 #B2124C as 0% and #E9BBCB as 100%.

0.0%	0.0% #B2114B	RGB 178 17 75	#B2114B
16.7%	16.7% #BB285D	RGB 187 40 93	#BB285D
33.3%	33.3% #C44170	RGB 196 65 112	#C44170
50.0%	50.0% #CD5C84	RGB 205 92 132	#CD5C84
66.7%	66.7% #D67A9A	RGB 214 122 154	#D67A9A
83.3%	83.3% #DF99B2	RGB 223 153 178	#DF99B2
100.0%	100.0% #E9BBCB	RGB 233 187 203	#E9BBCB

#B2114B #BB285D #C44170 #CD5C84 #D67A9A #DF99B2 #E9BBCB

#B2124C - #CD5C84 - #E9BBCB

CSS codes

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

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