#D6B39C - #FFC1B5 | 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 #D6B39C to #FFC1B5

#D6B39C #FFC1B5

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

#D6B39C - #FFC1B5 | 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 #D6B39C as 0% and #FFC1B5 as 100%.

0.0%	0.0% #D6B39C	RGB 214 179 156	#D6B39C
16.7%	16.7% #DCB5A0	RGB 220 181 160	#DCB5A0
33.3%	33.3% #E3B7A4	RGB 227 183 164	#E3B7A4
50.0%	50.0% #EABAA8	RGB 234 186 168	#EABAA8
66.7%	66.7% #F1BCAC	RGB 241 188 172	#F1BCAC
83.3%	83.3% #F8BEB0	RGB 248 190 176	#F8BEB0
100.0%	100.0% #FFC1B5	RGB 255 193 181	#FFC1B5

#D6B39C #DCB5A0 #E3B7A4 #EABAA8 #F1BCAC #F8BEB0 #FFC1B5

#D6B39C - #FFC1B5

HSV Blend

#D6B39C - #FFC1B5 | 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 #D6B39C as 0% and #FFC1B5 as 100%.

0.0%	0.0% #D6B39C	RGB 214 179 156	#D6B39C
16.7%	16.7% #DCB5A0	RGB 220 181 160	#DCB5A0
33.3%	33.3% #E3B8A4	RGB 227 184 164	#E3B8A4
50.0%	50.0% #EABBA8	RGB 234 187 168	#EABBA8
66.7%	66.7% #F1BDAC	RGB 241 189 172	#F1BDAC
83.3%	83.3% #F8BFB0	RGB 248 191 176	#F8BFB0
100.0%	100.0% #FFC1B5	RGB 255 193 181	#FFC1B5

#D6B39C #DCB5A0 #E3B8A4 #EABBA8 #F1BDAC #F8BFB0 #FFC1B5

#D6B39C - #EABBA8 - #FFC1B5

CSS codes

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

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