#D4D1CF - #B59080 | 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 #D4D1CF to #B59080

#D4D1CF #B59080

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

#D4D1CF - #B59080 | 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 #D4D1CF as 0% and #B59080 as 100%.

0.0%	0.0% #D4D1CF	RGB 212 209 207	#D4D1CF
16.7%	16.7% #CEC6C1	RGB 206 198 193	#CEC6C1
33.3%	33.3% #C9BBB4	RGB 201 187 180	#C9BBB4
50.0%	50.0% #C4B0A7	RGB 196 176 167	#C4B0A7
66.7%	66.7% #BFA59A	RGB 191 165 154	#BFA59A
83.3%	83.3% #BA9A8D	RGB 186 154 141	#BA9A8D
100.0%	100.0% #B59080	RGB 181 144 128	#B59080

#D4D1CF #CEC6C1 #C9BBB4 #C4B0A7 #BFA59A #BA9A8D #B59080

#D4D1CF - #B59080

HSV Blend

#D4D1CF - #B59080 | 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 #D4D1CF as 0% and #B59080 as 100%.

0.0%	0.0% #D4D1CF	RGB 212 209 207	#D4D1CF
16.7%	16.7% #CEC6C0	RGB 206 198 192	#CEC6C0
33.3%	33.3% #C9BBB2	RGB 201 187 178	#C9BBB2
50.0%	50.0% #C4B0A5	RGB 196 176 165	#C4B0A5
66.7%	66.7% #BFA598	RGB 191 165 152	#BFA598
83.3%	83.3% #BA9A8C	RGB 186 154 140	#BA9A8C
100.0%	100.0% #B59080	RGB 181 144 128	#B59080

#D4D1CF #CEC6C0 #C9BBB2 #C4B0A5 #BFA598 #BA9A8C #B59080

#D4D1CF - #C4B0A5 - #B59080

CSS codes

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

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