#B5AFAA - #6B6552 | 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 #B5AFAA to #6B6552

#B5AFAA #6B6552

Calculate the color between two colors, #B5AFAA and #6B6552. 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)

#B5AFAA - #6B6552 | 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 #B5AFAA as 0% and #6B6552 as 100%.

0.0%	0.0% #B5AFAA	RGB 181 175 170	#B5AFAA
16.7%	16.7% #A8A29B	RGB 168 162 155	#A8A29B
33.3%	33.3% #9C968C	RGB 156 150 140	#9C968C
50.0%	50.0% #908A7E	RGB 144 138 126	#908A7E
66.7%	66.7% #837D6F	RGB 131 125 111	#837D6F
83.3%	83.3% #777160	RGB 119 113 96	#777160
100.0%	100.0% #6B6552	RGB 107 101 82	#6B6552

#B5AFAA #A8A29B #9C968C #908A7E #837D6F #777160 #6B6552

#B5AFAA - #6B6552

HSV Blend

#B5AFAA - #6B6552 | 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 #B5AFAA as 0% and #6B6552 as 100%.

0.0%	0.0% #B5AFAA	RGB 181 175 170	#B5AFAA
16.7%	16.7% #A8A199	RGB 168 161 153	#A8A199
33.3%	33.3% #9C9489	RGB 156 148 137	#9C9489
50.0%	50.0% #90877A	RGB 144 135 122	#90877A
66.7%	66.7% #837B6C	RGB 131 123 108	#837B6C
83.3%	83.3% #77705E	RGB 119 112 94	#77705E
100.0%	100.0% #6B6552	RGB 107 101 82	#6B6552

#B5AFAA #A8A199 #9C9489 #90877A #837B6C #77705E #6B6552

#B5AFAA - #90877A - #6B6552

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5AFAA 0%, #90877A 50%, #6B6552 100%);
    background: -webkit-linear-gradient(top, #B5AFAA 0%, #90877A 50%, #6B6552 100%);
    background: linear-gradient(to bottom, #B5AFAA 0%, #90877A 50%, #6B6552 100%);
}
</style>