#D6BBC2 - #FFEDD4 | 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 #D6BBC2 to #FFEDD4

#D6BBC2 #FFEDD4

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

#D6BBC2 - #FFEDD4 | 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 #D6BBC2 as 0% and #FFEDD4 as 100%.

0.0%	0.0% #D6BBC2	RGB 214 187 194	#D6BBC2
16.7%	16.7% #DCC3C5	RGB 220 195 197	#DCC3C5
33.3%	33.3% #E3CBC8	RGB 227 203 200	#E3CBC8
50.0%	50.0% #EAD4CB	RGB 234 212 203	#EAD4CB
66.7%	66.7% #F1DCCE	RGB 241 220 206	#F1DCCE
83.3%	83.3% #F8E4D1	RGB 248 228 209	#F8E4D1
100.0%	100.0% #FFEDD4	RGB 255 237 212	#FFEDD4

#D6BBC2 #DCC3C5 #E3CBC8 #EAD4CB #F1DCCE #F8E4D1 #FFEDD4

#D6BBC2 - #FFEDD4

HSV Blend

#D6BBC2 - #FFEDD4 | 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 #D6BBC2 as 0% and #FFEDD4 as 100%.

0.0%	0.0% #D6BBC2	RGB 214 187 194	#D6BBC2
16.7%	16.7% #DCBFC2	RGB 220 191 194	#DCBFC2
33.3%	33.3% #E3C4C3	RGB 227 196 195	#E3C4C3
50.0%	50.0% #EACDC7	RGB 234 205 199	#EACDC7
66.7%	66.7% #F1D7CC	RGB 241 215 204	#F1D7CC
83.3%	83.3% #F8E1D0	RGB 248 225 208	#F8E1D0
100.0%	100.0% #FFEDD4	RGB 255 237 212	#FFEDD4

#D6BBC2 #DCBFC2 #E3C4C3 #EACDC7 #F1D7CC #F8E1D0 #FFEDD4

#D6BBC2 - #EACDC7 - #FFEDD4

CSS codes

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

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