#B69A8C - #965538 | 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 #B69A8C to #965538

#B69A8C #965538

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

#B69A8C - #965538 | 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 #B69A8C as 0% and #965538 as 100%.

0.0%	0.0% #B69A8C	RGB 182 154 140	#B69A8C
16.7%	16.7% #B08E7E	RGB 176 142 126	#B08E7E
33.3%	33.3% #AB8370	RGB 171 131 112	#AB8370
50.0%	50.0% #A67762	RGB 166 119 98	#A67762
66.7%	66.7% #A06C54	RGB 160 108 84	#A06C54
83.3%	83.3% #9B6046	RGB 155 96 70	#9B6046
100.0%	100.0% #965538	RGB 150 85 56	#965538

#B69A8C #B08E7E #AB8370 #A67762 #A06C54 #9B6046 #965538

#B69A8C - #965538

HSV Blend

#B69A8C - #965538 | 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 #B69A8C as 0% and #965538 as 100%.

0.0%	0.0% #B69A8C	RGB 182 154 140	#B69A8C
16.7%	16.7% #B08D7C	RGB 176 141 124	#B08D7C
33.3%	33.3% #AB816D	RGB 171 129 109	#AB816D
50.0%	50.0% #A6755E	RGB 166 117 94	#A6755E
66.7%	66.7% #A06A51	RGB 160 106 81	#A06A51
83.3%	83.3% #9B5F44	RGB 155 95 68	#9B5F44
100.0%	100.0% #965538	RGB 150 85 56	#965538

#B69A8C #B08D7C #AB816D #A6755E #A06A51 #9B5F44 #965538

#B69A8C - #A6755E - #965538

CSS codes

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

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