#B08084 - #322425 | 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 #B08084 to #322425

#B08084 #322425

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

#B08084 - #322425 | 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 #B08084 as 0% and #322425 as 100%.

0.0%	0.0% #B08084	RGB 176 128 132	#B08084
16.7%	16.7% #9B7074	RGB 155 112 116	#9B7074
33.3%	33.3% #866164	RGB 134 97 100	#866164
50.0%	50.0% #715254	RGB 113 82 84	#715254
66.7%	66.7% #5C4244	RGB 92 66 68	#5C4244
83.3%	83.3% #473334	RGB 71 51 52	#473334
100.0%	100.0% #322425	RGB 50 36 37	#322425

#B08084 #9B7074 #866164 #715254 #5C4244 #473334 #322425

#B08084 - #322425

HSV Blend

#B08084 - #322425 | 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 #B08084 as 0% and #322425 as 100%.

0.0%	0.0% #B08084	RGB 176 128 132	#B08084
16.7%	16.7% #9B7073	RGB 155 112 115	#9B7073
33.3%	33.3% #866164	RGB 134 97 100	#866164
50.0%	50.0% #715154	RGB 113 81 84	#715154
66.7%	66.7% #5C4244	RGB 92 66 68	#5C4244
83.3%	83.3% #473334	RGB 71 51 52	#473334
100.0%	100.0% #322425	RGB 50 36 37	#322425

#B08084 #9B7073 #866164 #715154 #5C4244 #473334 #322425

#B08084 - #715154 - #322425

CSS codes

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

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