#D4C2D0 - #F8FFCB | 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 #D4C2D0 to #F8FFCB

#D4C2D0 #F8FFCB

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

#D4C2D0 - #F8FFCB | 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 #D4C2D0 as 0% and #F8FFCB as 100%.

0.0%	0.0% #D4C2D0	RGB 212 194 208	#D4C2D0
16.7%	16.7% #DACCCF	RGB 218 204 207	#DACCCF
33.3%	33.3% #E0D6CE	RGB 224 214 206	#E0D6CE
50.0%	50.0% #E6E0CD	RGB 230 224 205	#E6E0CD
66.7%	66.7% #ECEACC	RGB 236 234 204	#ECEACC
83.3%	83.3% #F2F4CB	RGB 242 244 203	#F2F4CB
100.0%	100.0% #F8FFCB	RGB 248 255 203	#F8FFCB

#D4C2D0 #DACCCF #E0D6CE #E6E0CD #ECEACC #F2F4CB #F8FFCB

#D4C2D0 - #F8FFCB

HSV Blend

#D4C2D0 - #F8FFCB | 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 #D4C2D0 as 0% and #F8FFCB as 100%.

0.0%	0.0% #D4C2D0	RGB 212 194 208	#D4C2D0
16.7%	16.7% #DBC4CE	RGB 219 196 206	#DBC4CE
33.3%	33.3% #E2C6CA	RGB 226 198 202	#E2C6CA
50.0%	50.0% #E9CDC7	RGB 233 205 199	#E9CDC7
66.7%	66.7% #F0DCC9	RGB 240 220 201	#F0DCC9
83.3%	83.3% #F7EFCA	RGB 247 239 202	#F7EFCA
100.0%	100.0% #F8FFCB	RGB 248 255 203	#F8FFCB

#D4C2D0 #DBC4CE #E2C6CA #E9CDC7 #F0DCC9 #F7EFCA #F8FFCB

#D4C2D0 - #E9CDC7 - #F8FFCB

CSS codes

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

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