#BCA8A8 - #774B5C | 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 #BCA8A8 to #774B5C

#BCA8A8 #774B5C

Calculate the color between two colors, #BCA8A8 and #774B5C. 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)

#BCA8A8 - #774B5C | 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 #BCA8A8 as 0% and #774B5C as 100%.

0.0%	0.0% #BCA8A8	RGB 188 168 168	#BCA8A8
16.7%	16.7% #B0989B	RGB 176 152 155	#B0989B
33.3%	33.3% #A5898E	RGB 165 137 142	#A5898E
50.0%	50.0% #997982	RGB 153 121 130	#997982
66.7%	66.7% #8E6A75	RGB 142 106 117	#8E6A75
83.3%	83.3% #825A68	RGB 130 90 104	#825A68
100.0%	100.0% #774B5C	RGB 119 75 92	#774B5C

#BCA8A8 #B0989B #A5898E #997982 #8E6A75 #825A68 #774B5C

#BCA8A8 - #774B5C

HSV Blend

#BCA8A8 - #774B5C | 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 #BCA8A8 as 0% and #774B5C as 100%.

0.0%	0.0% #BCA8A8	RGB 188 168 168	#BCA8A8
16.7%	16.7% #B09597	RGB 176 149 151	#B09597
33.3%	33.3% #A58489	RGB 165 132 137	#A58489
50.0%	50.0% #99747C	RGB 153 116 124	#99747C
66.7%	66.7% #8E6570	RGB 142 101 112	#8E6570
83.3%	83.3% #825765	RGB 130 87 101	#825765
100.0%	100.0% #774B5C	RGB 119 75 92	#774B5C

#BCA8A8 #B09597 #A58489 #99747C #8E6570 #825765 #774B5C

#BCA8A8 - #99747C - #774B5C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCA8A8 0%, #99747C 50%, #774B5C 100%);
    background: -webkit-linear-gradient(top, #BCA8A8 0%, #99747C 50%, #774B5C 100%);
    background: linear-gradient(to bottom, #BCA8A8 0%, #99747C 50%, #774B5C 100%);
}
</style>