#DCDCE2 - #FFEDFC | 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 #DCDCE2 to #FFEDFC

#DCDCE2 #FFEDFC

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

#DCDCE2 - #FFEDFC | 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 #DCDCE2 as 0% and #FFEDFC as 100%.

0.0%	0.0% #DCDCE2	RGB 220 220 226	#DCDCE2
16.7%	16.7% #E1DEE6	RGB 225 222 230	#E1DEE6
33.3%	33.3% #E7E1EA	RGB 231 225 234	#E7E1EA
50.0%	50.0% #EDE4EF	RGB 237 228 239	#EDE4EF
66.7%	66.7% #F3E7F3	RGB 243 231 243	#F3E7F3
83.3%	83.3% #F9EAF7	RGB 249 234 247	#F9EAF7
100.0%	100.0% #FFEDFC	RGB 255 237 252	#FFEDFC

#DCDCE2 #E1DEE6 #E7E1EA #EDE4EF #F3E7F3 #F9EAF7 #FFEDFC

#DCDCE2 - #FFEDFC

HSV Blend

#DCDCE2 - #FFEDFC | 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 #DCDCE2 as 0% and #FFEDFC as 100%.

0.0%	0.0% #DCDCE2	RGB 220 220 226	#DCDCE2
16.7%	16.7% #E0DFE6	RGB 224 223 230	#E0DFE6
33.3%	33.3% #E5E1EB	RGB 229 225 235	#E5E1EB
50.0%	50.0% #EBE4F0	RGB 235 228 240	#EBE4F0
66.7%	66.7% #F2E7F5	RGB 242 231 245	#F2E7F5
83.3%	83.3% #F9EAFA	RGB 249 234 250	#F9EAFA
100.0%	100.0% #FFEDFC	RGB 255 237 252	#FFEDFC

#DCDCE2 #E0DFE6 #E5E1EB #EBE4F0 #F2E7F5 #F9EAFA #FFEDFC

#DCDCE2 - #EBE4F0 - #FFEDFC

CSS codes

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

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