#BCA8AE - #A45262 | 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 #BCA8AE to #A45262

#BCA8AE #A45262

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

#BCA8AE - #A45262 | 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 #BCA8AE as 0% and #A45262 as 100%.

0.0%	0.0% #BCA8AE	RGB 188 168 174	#BCA8AE
16.7%	16.7% #B899A1	RGB 184 153 161	#B899A1
33.3%	33.3% #B48B94	RGB 180 139 148	#B48B94
50.0%	50.0% #B07D88	RGB 176 125 136	#B07D88
66.7%	66.7% #AC6E7B	RGB 172 110 123	#AC6E7B
83.3%	83.3% #A8606E	RGB 168 96 110	#A8606E
100.0%	100.0% #A45262	RGB 164 82 98	#A45262

#BCA8AE #B899A1 #B48B94 #B07D88 #AC6E7B #A8606E #A45262

#BCA8AE - #A45262

HSV Blend

#BCA8AE - #A45262 | 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 #BCA8AE as 0% and #A45262 as 100%.

0.0%	0.0% #BCA8AE	RGB 188 168 174	#BCA8AE
16.7%	16.7% #B898A1	RGB 184 152 161	#B898A1
33.3%	33.3% #B48994	RGB 180 137 148	#B48994
50.0%	50.0% #B07A87	RGB 176 122 135	#B07A87
66.7%	66.7% #AC6C7B	RGB 172 108 123	#AC6C7B
83.3%	83.3% #A85F6E	RGB 168 95 110	#A85F6E
100.0%	100.0% #A45262	RGB 164 82 98	#A45262

#BCA8AE #B898A1 #B48994 #B07A87 #AC6C7B #A85F6E #A45262

#BCA8AE - #B07A87 - #A45262

CSS codes

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

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