#B0596A - #691926 | 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 #B0596A to #691926

#B0596A #691926

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

#B0596A - #691926 | 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 #B0596A as 0% and #691926 as 100%.

0.0%	0.0% #B0596A	RGB 176 89 106	#B0596A
16.7%	16.7% #A44E5E	RGB 164 78 94	#A44E5E
33.3%	33.3% #984353	RGB 152 67 83	#984353
50.0%	50.0% #8C3948	RGB 140 57 72	#8C3948
66.7%	66.7% #802E3C	RGB 128 46 60	#802E3C
83.3%	83.3% #742331	RGB 116 35 49	#742331
100.0%	100.0% #691926	RGB 105 25 38	#691926

#B0596A #A44E5E #984353 #8C3948 #802E3C #742331 #691926

#B0596A - #691926

HSV Blend

#B0596A - #691926 | 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 #B0596A as 0% and #691926 as 100%.

0.0%	0.0% #B0596A	RGB 176 89 106	#B0596A
16.7%	16.7% #A44B5C	RGB 164 75 92	#A44B5C
33.3%	33.3% #983F4F	RGB 152 63 79	#983F4F
50.0%	50.0% #8C3444	RGB 140 52 68	#8C3444
66.7%	66.7% #802A39	RGB 128 42 57	#802A39
83.3%	83.3% #74212F	RGB 116 33 47	#74212F
100.0%	100.0% #691926	RGB 105 25 38	#691926

#B0596A #A44B5C #983F4F #8C3444 #802A39 #74212F #691926

#B0596A - #8C3444 - #691926

CSS codes

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

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