#B24A8F - #71003E | 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 #B24A8F to #71003E

#B24A8F #71003E

Calculate the color between two colors, #B24A8F and #71003E. 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)

#B24A8F - #71003E | 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 #B24A8F as 0% and #71003E as 100%.

0.0%	0.0% #B24A8F	RGB 178 74 143	#B24A8F
16.7%	16.7% #A73D81	RGB 167 61 129	#A73D81
33.3%	33.3% #9C3174	RGB 156 49 116	#9C3174
50.0%	50.0% #912566	RGB 145 37 102	#912566
66.7%	66.7% #861859	RGB 134 24 89	#861859
83.3%	83.3% #7B0C4B	RGB 123 12 75	#7B0C4B
100.0%	100.0% #71003E	RGB 113 0 62	#71003E

#B24A8F #A73D81 #9C3174 #912566 #861859 #7B0C4B #71003E

#B24A8F - #71003E

HSV Blend

#B24A8F - #71003E | 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 #B24A8F as 0% and #71003E as 100%.

0.0%	0.0% #B24A8F	RGB 178 74 143	#B24A8F
16.7%	16.7% #A73980	RGB 167 57 128	#A73980
33.3%	33.3% #9C2B71	RGB 156 43 113	#9C2B71
50.0%	50.0% #911E64	RGB 145 30 100	#911E64
66.7%	66.7% #861256	RGB 134 18 86	#861256
83.3%	83.3% #7B084A	RGB 123 8 74	#7B084A
100.0%	100.0% #71003E	RGB 113 0 62	#71003E

#B24A8F #A73980 #9C2B71 #911E64 #861256 #7B084A #71003E

#B24A8F - #911E64 - #71003E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B24A8F 0%, #911E64 50%, #71003E 100%);
    background: -webkit-linear-gradient(top, #B24A8F 0%, #911E64 50%, #71003E 100%);
    background: linear-gradient(to bottom, #B24A8F 0%, #911E64 50%, #71003E 100%);
}
</style>