#DFC8F2 - #E5DFED | 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 #DFC8F2 to #E5DFED

#DFC8F2 #E5DFED

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

#DFC8F2 - #E5DFED | 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 #DFC8F2 as 0% and #E5DFED as 100%.

0.0%	0.0% #DFC8F2	RGB 223 200 242	#DFC8F2
16.7%	16.7% #E0CBF1	RGB 224 203 241	#E0CBF1
33.3%	33.3% #E1CFF0	RGB 225 207 240	#E1CFF0
50.0%	50.0% #E2D3EF	RGB 226 211 239	#E2D3EF
66.7%	66.7% #E3D7EE	RGB 227 215 238	#E3D7EE
83.3%	83.3% #E4DBED	RGB 228 219 237	#E4DBED
100.0%	100.0% #E5DFED	RGB 229 223 237	#E5DFED

#DFC8F2 #E0CBF1 #E1CFF0 #E2D3EF #E3D7EE #E4DBED #E5DFED

#DFC8F2 - #E5DFED

HSV Blend

#DFC8F2 - #E5DFED | 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 #DFC8F2 as 0% and #E5DFED as 100%.

0.0%	0.0% #DFC8F2	RGB 223 200 242	#DFC8F2
16.7%	16.7% #DFCBF1	RGB 223 203 241	#DFCBF1
33.3%	33.3% #E0CFF0	RGB 224 207 240	#E0CFF0
50.0%	50.0% #E1D3EF	RGB 225 211 239	#E1D3EF
66.7%	66.7% #E2D7EE	RGB 226 215 238	#E2D7EE
83.3%	83.3% #E3DBED	RGB 227 219 237	#E3DBED
100.0%	100.0% #E5DFED	RGB 229 223 237	#E5DFED

#DFC8F2 #DFCBF1 #E0CFF0 #E1D3EF #E2D7EE #E3DBED #E5DFED

#DFC8F2 - #E1D3EF - #E5DFED

CSS codes

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

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