#B4A8AB - #80575D | 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 #B4A8AB to #80575D

#B4A8AB #80575D

Calculate the color between two colors, #B4A8AB and #80575D. 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)

#B4A8AB - #80575D | 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 #B4A8AB as 0% and #80575D as 100%.

0.0%	0.0% #B4A8AB	RGB 180 168 171	#B4A8AB
16.7%	16.7% #AB9A9E	RGB 171 154 158	#AB9A9E
33.3%	33.3% #A28D91	RGB 162 141 145	#A28D91
50.0%	50.0% #9A7F84	RGB 154 127 132	#9A7F84
66.7%	66.7% #917277	RGB 145 114 119	#917277
83.3%	83.3% #88646A	RGB 136 100 106	#88646A
100.0%	100.0% #80575D	RGB 128 87 93	#80575D

#B4A8AB #AB9A9E #A28D91 #9A7F84 #917277 #88646A #80575D

#B4A8AB - #80575D

HSV Blend

#B4A8AB - #80575D | 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 #B4A8AB as 0% and #80575D as 100%.

0.0%	0.0% #B4A8AB	RGB 180 168 171	#B4A8AB
16.7%	16.7% #AB989D	RGB 171 152 157	#AB989D
33.3%	33.3% #A28A8F	RGB 162 138 143	#A28A8F
50.0%	50.0% #9A7C82	RGB 154 124 130	#9A7C82
66.7%	66.7% #916F75	RGB 145 111 117	#916F75
83.3%	83.3% #886268	RGB 136 98 104	#886268
100.0%	100.0% #80575D	RGB 128 87 93	#80575D

#B4A8AB #AB989D #A28A8F #9A7C82 #916F75 #886268 #80575D

#B4A8AB - #9A7C82 - #80575D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B4A8AB 0%, #9A7C82 50%, #80575D 100%);
    background: -webkit-linear-gradient(top, #B4A8AB 0%, #9A7C82 50%, #80575D 100%);
    background: linear-gradient(to bottom, #B4A8AB 0%, #9A7C82 50%, #80575D 100%);
}
</style>