#FFD9CE - #E6D3D6 | 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 #FFD9CE to #E6D3D6

#FFD9CE #E6D3D6

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

#FFD9CE - #E6D3D6 | 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 #FFD9CE as 0% and #E6D3D6 as 100%.

0.0%	0.0% #FFD9CE	RGB 255 217 206	#FFD9CE
16.7%	16.7% #FAD8CF	RGB 250 216 207	#FAD8CF
33.3%	33.3% #F6D7D0	RGB 246 215 208	#F6D7D0
50.0%	50.0% #F2D6D2	RGB 242 214 210	#F2D6D2
66.7%	66.7% #EED5D3	RGB 238 213 211	#EED5D3
83.3%	83.3% #EAD4D4	RGB 234 212 212	#EAD4D4
100.0%	100.0% #E6D3D6	RGB 230 211 214	#E6D3D6

#FFD9CE #FAD8CF #F6D7D0 #F2D6D2 #EED5D3 #EAD4D4 #E6D3D6

#FFD9CE - #E6D3D6

HSV Blend

#FFD9CE - #E6D3D6 | 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 #FFD9CE as 0% and #E6D3D6 as 100%.

0.0%	0.0% #FFD9CE	RGB 255 217 206	#FFD9CE
16.7%	16.7% #FAD6CF	RGB 250 214 207	#FAD6CF
33.3%	33.3% #F6D4D0	RGB 246 212 208	#F6D4D0
50.0%	50.0% #F2D2D1	RGB 242 210 209	#F2D2D1
66.7%	66.7% #EED1D2	RGB 238 209 210	#EED1D2
83.3%	83.3% #EAD2D4	RGB 234 210 212	#EAD2D4
100.0%	100.0% #E6D3D6	RGB 230 211 214	#E6D3D6

#FFD9CE #FAD6CF #F6D4D0 #F2D2D1 #EED1D2 #EAD2D4 #E6D3D6

#FFD9CE - #F2D2D1 - #E6D3D6

CSS codes

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

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