#DCDFE2 - #FFD3F9 | 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 #DCDFE2 to #FFD3F9

#DCDFE2 #FFD3F9

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

#DCDFE2 - #FFD3F9 | 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 #DCDFE2 as 0% and #FFD3F9 as 100%.

0.0%	0.0% #DCDFE2	RGB 220 223 226	#DCDFE2
16.7%	16.7% #E1DDE5	RGB 225 221 229	#E1DDE5
33.3%	33.3% #E7DBE9	RGB 231 219 233	#E7DBE9
50.0%	50.0% #EDD9ED	RGB 237 217 237	#EDD9ED
66.7%	66.7% #F3D7F1	RGB 243 215 241	#F3D7F1
83.3%	83.3% #F9D5F5	RGB 249 213 245	#F9D5F5
100.0%	100.0% #FFD3F9	RGB 255 211 249	#FFD3F9

#DCDFE2 #E1DDE5 #E7DBE9 #EDD9ED #F3D7F1 #F9D5F5 #FFD3F9

#DCDFE2 - #FFD3F9

HSV Blend

#DCDFE2 - #FFD3F9 | 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 #DCDFE2 as 0% and #FFD3F9 as 100%.

0.0%	0.0% #DCDFE2	RGB 220 223 226	#DCDFE2
16.7%	16.7% #DBDDE6	RGB 219 221 230	#DBDDE6
33.3%	33.3% #DAD9EB	RGB 218 217 235	#DAD9EB
50.0%	50.0% #E0D8F0	RGB 224 216 240	#E0D8F0
66.7%	66.7% #E8D6F5	RGB 232 214 245	#E8D6F5
83.3%	83.3% #F5D5FA	RGB 245 213 250	#F5D5FA
100.0%	100.0% #FFD3F9	RGB 255 211 249	#FFD3F9

#DCDFE2 #DBDDE6 #DAD9EB #E0D8F0 #E8D6F5 #F5D5FA #FFD3F9

#DCDFE2 - #E0D8F0 - #FFD3F9

CSS codes

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

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