#B74D6D - #84112B | 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 #B74D6D to #84112B

#B74D6D #84112B

Calculate the color between two colors, #B74D6D and #84112B. 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)

#B74D6D - #84112B | 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 #B74D6D as 0% and #84112B as 100%.

0.0%	0.0% #B74D6D	RGB 183 77 109	#B74D6D
16.7%	16.7% #AE4362	RGB 174 67 98	#AE4362
33.3%	33.3% #A63957	RGB 166 57 87	#A63957
50.0%	50.0% #9D2F4C	RGB 157 47 76	#9D2F4C
66.7%	66.7% #952541	RGB 149 37 65	#952541
83.3%	83.3% #8C1B36	RGB 140 27 54	#8C1B36
100.0%	100.0% #84112B	RGB 132 17 43	#84112B

#B74D6D #AE4362 #A63957 #9D2F4C #952541 #8C1B36 #84112B

#B74D6D - #84112B

HSV Blend

#B74D6D - #84112B | 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 #B74D6D as 0% and #84112B as 100%.

0.0%	0.0% #B74D6D	RGB 183 77 109	#B74D6D
16.7%	16.7% #AE4060	RGB 174 64 96	#AE4060
33.3%	33.3% #A63554	RGB 166 53 84	#A63554
50.0%	50.0% #9D2B49	RGB 157 43 73	#9D2B49
66.7%	66.7% #95213E	RGB 149 33 62	#95213E
83.3%	83.3% #8C1834	RGB 140 24 52	#8C1834
100.0%	100.0% #84112B	RGB 132 17 43	#84112B

#B74D6D #AE4060 #A63554 #9D2B49 #95213E #8C1834 #84112B

#B74D6D - #9D2B49 - #84112B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B74D6D 0%, #9D2B49 50%, #84112B 100%);
    background: -webkit-linear-gradient(top, #B74D6D 0%, #9D2B49 50%, #84112B 100%);
    background: linear-gradient(to bottom, #B74D6D 0%, #9D2B49 50%, #84112B 100%);
}
</style>