#D9C8A1 - #FFB6C0 | 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 #D9C8A1 to #FFB6C0

#D9C8A1 #FFB6C0

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

#D9C8A1 - #FFB6C0 | 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 #D9C8A1 as 0% and #FFB6C0 as 100%.

0.0%	0.0% #D9C8A1	RGB 217 200 161	#D9C8A1
16.7%	16.7% #DFC5A6	RGB 223 197 166	#DFC5A6
33.3%	33.3% #E5C2AB	RGB 229 194 171	#E5C2AB
50.0%	50.0% #ECBFB0	RGB 236 191 176	#ECBFB0
66.7%	66.7% #F2BCB5	RGB 242 188 181	#F2BCB5
83.3%	83.3% #F8B9BA	RGB 248 185 186	#F8B9BA
100.0%	100.0% #FFB6C0	RGB 255 182 192	#FFB6C0

#D9C8A1 #DFC5A6 #E5C2AB #ECBFB0 #F2BCB5 #F8B9BA #FFB6C0

#D9C8A1 - #FFB6C0

HSV Blend

#D9C8A1 - #FFB6C0 | 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 #D9C8A1 as 0% and #FFB6C0 as 100%.

0.0%	0.0% #D9C8A1	RGB 217 200 161	#D9C8A1
16.7%	16.7% #DFC5A4	RGB 223 197 164	#DFC5A4
33.3%	33.3% #E5C1A8	RGB 229 193 168	#E5C1A8
50.0%	50.0% #ECBDAB	RGB 236 189 171	#ECBDAB
66.7%	66.7% #F2B8AF	RGB 242 184 175	#F2B8AF
83.3%	83.3% #F8B2B2	RGB 248 178 178	#F8B2B2
100.0%	100.0% #FFB6C0	RGB 255 182 192	#FFB6C0

#D9C8A1 #DFC5A4 #E5C1A8 #ECBDAB #F2B8AF #F8B2B2 #FFB6C0

#D9C8A1 - #ECBDAB - #FFB6C0

CSS codes

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

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