#D4CFCF - #EDD4E2 | 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 #D4CFCF to #EDD4E2

#D4CFCF #EDD4E2

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

#D4CFCF - #EDD4E2 | 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 #D4CFCF as 0% and #EDD4E2 as 100%.

0.0%	0.0% #D4CFCF	RGB 212 207 207	#D4CFCF
16.7%	16.7% #D8CFD2	RGB 216 207 210	#D8CFD2
33.3%	33.3% #DCD0D5	RGB 220 208 213	#DCD0D5
50.0%	50.0% #E0D1D8	RGB 224 209 216	#E0D1D8
66.7%	66.7% #E4D2DB	RGB 228 210 219	#E4D2DB
83.3%	83.3% #E8D3DE	RGB 232 211 222	#E8D3DE
100.0%	100.0% #EDD4E2	RGB 237 212 226	#EDD4E2

#D4CFCF #D8CFD2 #DCD0D5 #E0D1D8 #E4D2DB #E8D3DE #EDD4E2

#D4CFCF - #EDD4E2

HSV Blend

#D4CFCF - #EDD4E2 | 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 #D4CFCF as 0% and #EDD4E2 as 100%.

0.0%	0.0% #D4CFCF	RGB 212 207 207	#D4CFCF
16.7%	16.7% #D8D0D0	RGB 216 208 208	#D8D0D0
33.3%	33.3% #DCD1D3	RGB 220 209 211	#DCD1D3
50.0%	50.0% #E0D2D6	RGB 224 210 214	#E0D2D6
66.7%	66.7% #E4D2D9	RGB 228 210 217	#E4D2D9
83.3%	83.3% #E8D3DD	RGB 232 211 221	#E8D3DD
100.0%	100.0% #EDD4E2	RGB 237 212 226	#EDD4E2

#D4CFCF #D8D0D0 #DCD1D3 #E0D2D6 #E4D2D9 #E8D3DD #EDD4E2

#D4CFCF - #E0D2D6 - #EDD4E2

CSS codes

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

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