#C8BABC - #926A70 | 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 #C8BABC to #926A70

#C8BABC #926A70

Calculate the color between two colors, #C8BABC and #926A70. 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)

#C8BABC - #926A70 | 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 #C8BABC as 0% and #926A70 as 100%.

0.0%	0.0% #C8BABC	RGB 200 186 188	#C8BABC
16.7%	16.7% #BFACAF	RGB 191 172 175	#BFACAF
33.3%	33.3% #B69FA2	RGB 182 159 162	#B69FA2
50.0%	50.0% #AD9296	RGB 173 146 150	#AD9296
66.7%	66.7% #A48489	RGB 164 132 137	#A48489
83.3%	83.3% #9B777C	RGB 155 119 124	#9B777C
100.0%	100.0% #926A70	RGB 146 106 112	#926A70

#C8BABC #BFACAF #B69FA2 #AD9296 #A48489 #9B777C #926A70

#C8BABC - #926A70

HSV Blend

#C8BABC - #926A70 | 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 #C8BABC as 0% and #926A70 as 100%.

0.0%	0.0% #C8BABC	RGB 200 186 188	#C8BABC
16.7%	16.7% #BFABAD	RGB 191 171 173	#BFABAD
33.3%	33.3% #B69CA0	RGB 182 156 160	#B69CA0
50.0%	50.0% #AD8F93	RGB 173 143 147	#AD8F93
66.7%	66.7% #A48287	RGB 164 130 135	#A48287
83.3%	83.3% #9B757B	RGB 155 117 123	#9B757B
100.0%	100.0% #926A70	RGB 146 106 112	#926A70

#C8BABC #BFABAD #B69CA0 #AD8F93 #A48287 #9B757B #926A70

#C8BABC - #AD8F93 - #926A70

CSS codes

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

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