#B3808C - #79313E | 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 #B3808C to #79313E

#B3808C #79313E

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

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

0.0%	0.0% #B3808C	RGB 179 128 140	#B3808C
16.7%	16.7% #A9727F	RGB 169 114 127	#A9727F
33.3%	33.3% #9F6572	RGB 159 101 114	#9F6572
50.0%	50.0% #965865	RGB 150 88 101	#965865
66.7%	66.7% #8C4B58	RGB 140 75 88	#8C4B58
83.3%	83.3% #823E4B	RGB 130 62 75	#823E4B
100.0%	100.0% #79313E	RGB 121 49 62	#79313E

#B3808C #A9727F #9F6572 #965865 #8C4B58 #823E4B #79313E

#B3808C - #79313E

HSV Blend

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

0.0%	0.0% #B3808C	RGB 179 128 140	#B3808C
16.7%	16.7% #A9707D	RGB 169 112 125	#A9707D
33.3%	33.3% #9F616F	RGB 159 97 111	#9F616F
50.0%	50.0% #965461	RGB 150 84 97	#965461
66.7%	66.7% #8C4755	RGB 140 71 85	#8C4755
83.3%	83.3% #823B49	RGB 130 59 73	#823B49
100.0%	100.0% #79313E	RGB 121 49 62	#79313E

#B3808C #A9707D #9F616F #965461 #8C4755 #823B49 #79313E

#B3808C - #965461 - #79313E

CSS codes

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

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