#D6B2B6 - #AD5E5F | 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 #D6B2B6 to #AD5E5F

#D6B2B6 #AD5E5F

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

#D6B2B6 - #AD5E5F | 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 #D6B2B6 as 0% and #AD5E5F as 100%.

0.0%	0.0% #D6B2B6	RGB 214 178 182	#D6B2B6
16.7%	16.7% #CFA4A7	RGB 207 164 167	#CFA4A7
33.3%	33.3% #C89699	RGB 200 150 153	#C89699
50.0%	50.0% #C1888A	RGB 193 136 138	#C1888A
66.7%	66.7% #BA7A7C	RGB 186 122 124	#BA7A7C
83.3%	83.3% #B36C6D	RGB 179 108 109	#B36C6D
100.0%	100.0% #AD5E5F	RGB 173 94 95	#AD5E5F

#D6B2B6 #CFA4A7 #C89699 #C1888A #BA7A7C #B36C6D #AD5E5F

#D6B2B6 - #AD5E5F

HSV Blend

#D6B2B6 - #AD5E5F | 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 #D6B2B6 as 0% and #AD5E5F as 100%.

0.0%	0.0% #D6B2B6	RGB 214 178 182	#D6B2B6
16.7%	16.7% #CFA2A6	RGB 207 162 166	#CFA2A6
33.3%	33.3% #C89397	RGB 200 147 151	#C89397
50.0%	50.0% #C18588	RGB 193 133 136	#C18588
66.7%	66.7% #BA777A	RGB 186 119 122	#BA777A
83.3%	83.3% #B36A6C	RGB 179 106 108	#B36A6C
100.0%	100.0% #AD5E5F	RGB 173 94 95	#AD5E5F

#D6B2B6 #CFA2A6 #C89397 #C18588 #BA777A #B36A6C #AD5E5F

#D6B2B6 - #C18588 - #AD5E5F

CSS codes

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

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