#B85C74 - #8F193C | 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 #B85C74 to #8F193C

#B85C74 #8F193C

Calculate the color between two colors, #B85C74 and #8F193C. 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)

#B85C74 - #8F193C | 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 #B85C74 as 0% and #8F193C as 100%.

0.0%	0.0% #B85C74	RGB 184 92 116	#B85C74
16.7%	16.7% #B1506A	RGB 177 80 106	#B1506A
33.3%	33.3% #AA4561	RGB 170 69 97	#AA4561
50.0%	50.0% #A33A58	RGB 163 58 88	#A33A58
66.7%	66.7% #9C2F4E	RGB 156 47 78	#9C2F4E
83.3%	83.3% #952445	RGB 149 36 69	#952445
100.0%	100.0% #8F193C	RGB 143 25 60	#8F193C

#B85C74 #B1506A #AA4561 #A33A58 #9C2F4E #952445 #8F193C

#B85C74 - #8F193C

HSV Blend

#B85C74 - #8F193C | 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 #B85C74 as 0% and #8F193C as 100%.

0.0%	0.0% #B85C74	RGB 184 92 116	#B85C74
16.7%	16.7% #B14E69	RGB 177 78 105	#B14E69
33.3%	33.3% #AA425E	RGB 170 66 94	#AA425E
50.0%	50.0% #A33755	RGB 163 55 85	#A33755
66.7%	66.7% #9C2C4C	RGB 156 44 76	#9C2C4C
83.3%	83.3% #952243	RGB 149 34 67	#952243
100.0%	100.0% #8F193C	RGB 143 25 60	#8F193C

#B85C74 #B14E69 #AA425E #A33755 #9C2C4C #952243 #8F193C

#B85C74 - #A33755 - #8F193C

CSS codes

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

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