#D9C8D4 - #B16E8D | 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 #D9C8D4 to #B16E8D

#D9C8D4 #B16E8D

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

#D9C8D4 - #B16E8D | 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 #D9C8D4 as 0% and #B16E8D as 100%.

0.0%	0.0% #D9C8D4	RGB 217 200 212	#D9C8D4
16.7%	16.7% #D2B9C8	RGB 210 185 200	#D2B9C8
33.3%	33.3% #CBAABC	RGB 203 170 188	#CBAABC
50.0%	50.0% #C59BB0	RGB 197 155 176	#C59BB0
66.7%	66.7% #BE8CA4	RGB 190 140 164	#BE8CA4
83.3%	83.3% #B77D98	RGB 183 125 152	#B77D98
100.0%	100.0% #B16E8D	RGB 177 110 141	#B16E8D

#D9C8D4 #D2B9C8 #CBAABC #C59BB0 #BE8CA4 #B77D98 #B16E8D

#D9C8D4 - #B16E8D

HSV Blend

#D9C8D4 - #B16E8D | 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 #D9C8D4 as 0% and #B16E8D as 100%.

0.0%	0.0% #D9C8D4	RGB 217 200 212	#D9C8D4
16.7%	16.7% #D2B7C9	RGB 210 183 201	#D2B7C9
33.3%	33.3% #CBA7BE	RGB 203 167 190	#CBA7BE
50.0%	50.0% #C597B2	RGB 197 151 178	#C597B2
66.7%	66.7% #BE89A6	RGB 190 137 166	#BE89A6
83.3%	83.3% #B77B99	RGB 183 123 153	#B77B99
100.0%	100.0% #B16E8D	RGB 177 110 141	#B16E8D

#D9C8D4 #D2B7C9 #CBA7BE #C597B2 #BE89A6 #B77B99 #B16E8D

#D9C8D4 - #C597B2 - #B16E8D

CSS codes

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

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