#BDAA8C - #C8CED6 | 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 #BDAA8C to #C8CED6

#BDAA8C #C8CED6

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

#BDAA8C - #C8CED6 | 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 #BDAA8C as 0% and #C8CED6 as 100%.

0.0%	0.0% #BDAA8C	RGB 189 170 140	#BDAA8C
16.7%	16.7% #BEB098	RGB 190 176 152	#BEB098
33.3%	33.3% #C0B6A4	RGB 192 182 164	#C0B6A4
50.0%	50.0% #C2BCB1	RGB 194 188 177	#C2BCB1
66.7%	66.7% #C4C2BD	RGB 196 194 189	#C4C2BD
83.3%	83.3% #C6C8C9	RGB 198 200 201	#C6C8C9
100.0%	100.0% #C8CED6	RGB 200 206 214	#C8CED6

#BDAA8C #BEB098 #C0B6A4 #C2BCB1 #C4C2BD #C6C8C9 #C8CED6

#BDAA8C - #C8CED6

HSV Blend

#BDAA8C - #C8CED6 | 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 #BDAA8C as 0% and #C8CED6 as 100%.

0.0%	0.0% #BDAA8C	RGB 189 170 140	#BDAA8C
16.7%	16.7% #BCC195	RGB 188 193 149	#BCC195
33.3%	33.3% #AEC59E	RGB 174 197 158	#AEC59E
50.0%	50.0% #A8C9AB	RGB 168 201 171	#A8C9AB
66.7%	66.7% #B2CDC2	RGB 178 205 194	#B2CDC2
83.3%	83.3% #BDD0D1	RGB 189 208 209	#BDD0D1
100.0%	100.0% #C8CED6	RGB 200 206 214	#C8CED6

#BDAA8C #BCC195 #AEC59E #A8C9AB #B2CDC2 #BDD0D1 #C8CED6

#BDAA8C - #A8C9AB - #C8CED6

CSS codes

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

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