#B76C92 - #7D1942 | 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 #B76C92 to #7D1942

#B76C92 #7D1942

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

#B76C92 - #7D1942 | 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 #B76C92 as 0% and #7D1942 as 100%.

0.0%	0.0% #B76C92	RGB 183 108 146	#B76C92
16.7%	16.7% #AD5E84	RGB 173 94 132	#AD5E84
33.3%	33.3% #A35077	RGB 163 80 119	#A35077
50.0%	50.0% #9A426A	RGB 154 66 106	#9A426A
66.7%	66.7% #90345C	RGB 144 52 92	#90345C
83.3%	83.3% #86264F	RGB 134 38 79	#86264F
100.0%	100.0% #7D1942	RGB 125 25 66	#7D1942

#B76C92 #AD5E84 #A35077 #9A426A #90345C #86264F #7D1942

#B76C92 - #7D1942

HSV Blend

#B76C92 - #7D1942 | 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 #B76C92 as 0% and #7D1942 as 100%.

0.0%	0.0% #B76C92	RGB 183 108 146	#B76C92
16.7%	16.7% #AD5B83	RGB 173 91 131	#AD5B83
33.3%	33.3% #A34B75	RGB 163 75 117	#A34B75
50.0%	50.0% #9A3C67	RGB 154 60 103	#9A3C67
66.7%	66.7% #902F5A	RGB 144 47 90	#902F5A
83.3%	83.3% #86234D	RGB 134 35 77	#86234D
100.0%	100.0% #7D1942	RGB 125 25 66	#7D1942

#B76C92 #AD5B83 #A34B75 #9A3C67 #902F5A #86234D #7D1942

#B76C92 - #9A3C67 - #7D1942

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B76C92 0%, #9A3C67 50%, #7D1942 100%);
    background: -webkit-linear-gradient(top, #B76C92 0%, #9A3C67 50%, #7D1942 100%);
    background: linear-gradient(to bottom, #B76C92 0%, #9A3C67 50%, #7D1942 100%);
}
</style>