#B5BCA8 - #DDB7B5 | 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 #B5BCA8 to #DDB7B5

#B5BCA8 #DDB7B5

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

#B5BCA8 - #DDB7B5 | 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 #B5BCA8 as 0% and #DDB7B5 as 100%.

0.0%	0.0% #B5BCA8	RGB 181 188 168	#B5BCA8
16.7%	16.7% #BBBBAA	RGB 187 187 170	#BBBBAA
33.3%	33.3% #C2BAAC	RGB 194 186 172	#C2BAAC
50.0%	50.0% #C9B9AE	RGB 201 185 174	#C9B9AE
66.7%	66.7% #CFB8B0	RGB 207 184 176	#CFB8B0
83.3%	83.3% #D6B7B2	RGB 214 183 178	#D6B7B2
100.0%	100.0% #DDB7B5	RGB 221 183 181	#DDB7B5

#B5BCA8 #BBBBAA #C2BAAC #C9B9AE #CFB8B0 #D6B7B2 #DDB7B5

#B5BCA8 - #DDB7B5

HSV Blend

#B5BCA8 - #DDB7B5 | 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 #B5BCA8 as 0% and #DDB7B5 as 100%.

0.0%	0.0% #B5BCA8	RGB 181 188 168	#B5BCA8
16.7%	16.7% #BEC1AA	RGB 190 193 170	#BEC1AA
33.3%	33.3% #C7C4AC	RGB 199 196 172	#C7C4AC
50.0%	50.0% #CCC3AF	RGB 204 195 175	#CCC3AF
66.7%	66.7% #D2C1B1	RGB 210 193 177	#D2C1B1
83.3%	83.3% #D7BCB3	RGB 215 188 179	#D7BCB3
100.0%	100.0% #DDB7B5	RGB 221 183 181	#DDB7B5

#B5BCA8 #BEC1AA #C7C4AC #CCC3AF #D2C1B1 #D7BCB3 #DDB7B5

#B5BCA8 - #CCC3AF - #DDB7B5

CSS codes

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

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