#D6B8C2 - #FFEDD5 | 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 #D6B8C2 to #FFEDD5

#D6B8C2 #FFEDD5

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

#D6B8C2 - #FFEDD5 | 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 #D6B8C2 as 0% and #FFEDD5 as 100%.

0.0%	0.0% #D6B8C2	RGB 214 184 194	#D6B8C2
16.7%	16.7% #DCC0C5	RGB 220 192 197	#DCC0C5
33.3%	33.3% #E3C9C8	RGB 227 201 200	#E3C9C8
50.0%	50.0% #EAD2CB	RGB 234 210 203	#EAD2CB
66.7%	66.7% #F1DBCE	RGB 241 219 206	#F1DBCE
83.3%	83.3% #F8E4D1	RGB 248 228 209	#F8E4D1
100.0%	100.0% #FFEDD5	RGB 255 237 213	#FFEDD5

#D6B8C2 #DCC0C5 #E3C9C8 #EAD2CB #F1DBCE #F8E4D1 #FFEDD5

#D6B8C2 - #FFEDD5

HSV Blend

#D6B8C2 - #FFEDD5 | 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 #D6B8C2 as 0% and #FFEDD5 as 100%.

0.0%	0.0% #D6B8C2	RGB 214 184 194	#D6B8C2
16.7%	16.7% #DCBCC2	RGB 220 188 194	#DCBCC2
33.3%	33.3% #E3C1C2	RGB 227 193 194	#E3C1C2
50.0%	50.0% #EACBC6	RGB 234 203 198	#EACBC6
66.7%	66.7% #F1D5CB	RGB 241 213 203	#F1D5CB
83.3%	83.3% #F8E1D0	RGB 248 225 208	#F8E1D0
100.0%	100.0% #FFEDD5	RGB 255 237 213	#FFEDD5

#D6B8C2 #DCBCC2 #E3C1C2 #EACBC6 #F1D5CB #F8E1D0 #FFEDD5

#D6B8C2 - #EACBC6 - #FFEDD5

CSS codes

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

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