#D3C2D4 - #FFF8CB | 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 #D3C2D4 to #FFF8CB

#D3C2D4 #FFF8CB

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

#D3C2D4 - #FFF8CB | 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 #D3C2D4 as 0% and #FFF8CB as 100%.

0.0%	0.0% #D3C2D4	RGB 211 194 212	#D3C2D4
16.7%	16.7% #DACBD2	RGB 218 203 210	#DACBD2
33.3%	33.3% #E1D4D1	RGB 225 212 209	#E1D4D1
50.0%	50.0% #E9DDCF	RGB 233 221 207	#E9DDCF
66.7%	66.7% #F0E6CE	RGB 240 230 206	#F0E6CE
83.3%	83.3% #F7EFCC	RGB 247 239 204	#F7EFCC
100.0%	100.0% #FFF8CB	RGB 255 248 203	#FFF8CB

#D3C2D4 #DACBD2 #E1D4D1 #E9DDCF #F0E6CE #F7EFCC #FFF8CB

#D3C2D4 - #FFF8CB

HSV Blend

#D3C2D4 - #FFF8CB | 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 #D3C2D4 as 0% and #FFF8CB as 100%.

0.0%	0.0% #D3C2D4	RGB 211 194 212	#D3C2D4
16.7%	16.7% #DBC4D5	RGB 219 196 213	#DBC4D5
33.3%	33.3% #E2C6D1	RGB 226 198 209	#E2C6D1
50.0%	50.0% #E9C7CA	RGB 233 199 202	#E9C7CA
66.7%	66.7% #F0D2C9	RGB 240 210 201	#F0D2C9
83.3%	83.3% #F7E3CA	RGB 247 227 202	#F7E3CA
100.0%	100.0% #FFF8CB	RGB 255 248 203	#FFF8CB

#D3C2D4 #DBC4D5 #E2C6D1 #E9C7CA #F0D2C9 #F7E3CA #FFF8CB

#D3C2D4 - #E9C7CA - #FFF8CB

CSS codes

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

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