#C2BDB6 - #A38762 | 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 #C2BDB6 to #A38762

#C2BDB6 #A38762

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

#C2BDB6 - #A38762 | 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 #C2BDB6 as 0% and #A38762 as 100%.

0.0%	0.0% #C2BDB6	RGB 194 189 182	#C2BDB6
16.7%	16.7% #BCB4A8	RGB 188 180 168	#BCB4A8
33.3%	33.3% #B7AB9A	RGB 183 171 154	#B7AB9A
50.0%	50.0% #B2A28C	RGB 178 162 140	#B2A28C
66.7%	66.7% #AD997E	RGB 173 153 126	#AD997E
83.3%	83.3% #A89070	RGB 168 144 112	#A89070
100.0%	100.0% #A38762	RGB 163 135 98	#A38762

#C2BDB6 #BCB4A8 #B7AB9A #B2A28C #AD997E #A89070 #A38762

#C2BDB6 - #A38762

HSV Blend

#C2BDB6 - #A38762 | 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 #C2BDB6 as 0% and #A38762 as 100%.

0.0%	0.0% #C2BDB6	RGB 194 189 182	#C2BDB6
16.7%	16.7% #BCB3A6	RGB 188 179 166	#BCB3A6
33.3%	33.3% #B7AA97	RGB 183 170 151	#B7AA97
50.0%	50.0% #B2A189	RGB 178 161 137	#B2A189
66.7%	66.7% #AD987B	RGB 173 152 123	#AD987B
83.3%	83.3% #A88F6E	RGB 168 143 110	#A88F6E
100.0%	100.0% #A38762	RGB 163 135 98	#A38762

#C2BDB6 #BCB3A6 #B7AA97 #B2A189 #AD987B #A88F6E #A38762

#C2BDB6 - #B2A189 - #A38762

CSS codes

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

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