#B2938A - #764D3E | 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 #B2938A to #764D3E

#B2938A #764D3E

Calculate the color between two colors, #B2938A and #764D3E. 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)

#B2938A - #764D3E | 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 #B2938A as 0% and #764D3E as 100%.

0.0%	0.0% #B2938A	RGB 178 147 138	#B2938A
16.7%	16.7% #A8877D	RGB 168 135 125	#A8877D
33.3%	33.3% #9E7B70	RGB 158 123 112	#9E7B70
50.0%	50.0% #947064	RGB 148 112 100	#947064
66.7%	66.7% #8A6457	RGB 138 100 87	#8A6457
83.3%	83.3% #80584A	RGB 128 88 74	#80584A
100.0%	100.0% #764D3E	RGB 118 77 62	#764D3E

#B2938A #A8877D #9E7B70 #947064 #8A6457 #80584A #764D3E

#B2938A - #764D3E

HSV Blend

#B2938A - #764D3E | 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 #B2938A as 0% and #764D3E as 100%.

0.0%	0.0% #B2938A	RGB 178 147 138	#B2938A
16.7%	16.7% #A8857B	RGB 168 133 123	#A8857B
33.3%	33.3% #9E786D	RGB 158 120 109	#9E786D
50.0%	50.0% #946D60	RGB 148 109 96	#946D60
66.7%	66.7% #8A6154	RGB 138 97 84	#8A6154
83.3%	83.3% #805748	RGB 128 87 72	#805748
100.0%	100.0% #764D3E	RGB 118 77 62	#764D3E

#B2938A #A8857B #9E786D #946D60 #8A6154 #805748 #764D3E

#B2938A - #946D60 - #764D3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2938A 0%, #946D60 50%, #764D3E 100%);
    background: -webkit-linear-gradient(top, #B2938A 0%, #946D60 50%, #764D3E 100%);
    background: linear-gradient(to bottom, #B2938A 0%, #946D60 50%, #764D3E 100%);
}
</style>