#D4CFDB - #FFEED4 | 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 #D4CFDB to #FFEED4

#D4CFDB #FFEED4

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

#D4CFDB - #FFEED4 | 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 #D4CFDB as 0% and #FFEED4 as 100%.

0.0%	0.0% #D4CFDB	RGB 212 207 219	#D4CFDB
16.7%	16.7% #DBD4D9	RGB 219 212 217	#DBD4D9
33.3%	33.3% #E2D9D8	RGB 226 217 216	#E2D9D8
50.0%	50.0% #E9DED7	RGB 233 222 215	#E9DED7
66.7%	66.7% #F0E3D6	RGB 240 227 214	#F0E3D6
83.3%	83.3% #F7E8D5	RGB 247 232 213	#F7E8D5
100.0%	100.0% #FFEED4	RGB 255 238 212	#FFEED4

#D4CFDB #DBD4D9 #E2D9D8 #E9DED7 #F0E3D6 #F7E8D5 #FFEED4

#D4CFDB - #FFEED4

HSV Blend

#D4CFDB - #FFEED4 | 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 #D4CFDB as 0% and #FFEED4 as 100%.

0.0%	0.0% #D4CFDB	RGB 212 207 219	#D4CFDB
16.7%	16.7% #DDD0E1	RGB 221 208 225	#DDD0E1
33.3%	33.3% #E7D1E3	RGB 231 209 227	#E7D1E3
50.0%	50.0% #EDD2DF	RGB 237 210 223	#EDD2DF
66.7%	66.7% #F3D3D7	RGB 243 211 215	#F3D3D7
83.3%	83.3% #F9DCD3	RGB 249 220 211	#F9DCD3
100.0%	100.0% #FFEED4	RGB 255 238 212	#FFEED4

#D4CFDB #DDD0E1 #E7D1E3 #EDD2DF #F3D3D7 #F9DCD3 #FFEED4

#D4CFDB - #EDD2DF - #FFEED4

CSS codes

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

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