#C0BAB8 - #A37364 | 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 #C0BAB8 to #A37364

#C0BAB8 #A37364

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

#C0BAB8 - #A37364 | 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 #C0BAB8 as 0% and #A37364 as 100%.

0.0%	0.0% #C0BAB8	RGB 192 186 184	#C0BAB8
16.7%	16.7% #BBAEAA	RGB 187 174 170	#BBAEAA
33.3%	33.3% #B6A29C	RGB 182 162 156	#B6A29C
50.0%	50.0% #B1968E	RGB 177 150 142	#B1968E
66.7%	66.7% #AC8A80	RGB 172 138 128	#AC8A80
83.3%	83.3% #A77E72	RGB 167 126 114	#A77E72
100.0%	100.0% #A37364	RGB 163 115 100	#A37364

#C0BAB8 #BBAEAA #B6A29C #B1968E #AC8A80 #A77E72 #A37364

#C0BAB8 - #A37364

HSV Blend

#C0BAB8 - #A37364 | 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 #C0BAB8 as 0% and #A37364 as 100%.

0.0%	0.0% #C0BAB8	RGB 192 186 184	#C0BAB8
16.7%	16.7% #BBADA8	RGB 187 173 168	#BBADA8
33.3%	33.3% #B6A099	RGB 182 160 153	#B6A099
50.0%	50.0% #B1948B	RGB 177 148 139	#B1948B
66.7%	66.7% #AC897D	RGB 172 137 125	#AC897D
83.3%	83.3% #A77D70	RGB 167 125 112	#A77D70
100.0%	100.0% #A37364	RGB 163 115 100	#A37364

#C0BAB8 #BBADA8 #B6A099 #B1948B #AC897D #A77D70 #A37364

#C0BAB8 - #B1948B - #A37364

CSS codes

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

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