#DCE2DC - #EDFBFF | 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 #DCE2DC to #EDFBFF

#DCE2DC #EDFBFF

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

#DCE2DC - #EDFBFF | 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 #DCE2DC as 0% and #EDFBFF as 100%.

0.0%	0.0% #DCE2DC	RGB 220 226 220	#DCE2DC
16.7%	16.7% #DEE6E1	RGB 222 230 225	#DEE6E1
33.3%	33.3% #E1EAE7	RGB 225 234 231	#E1EAE7
50.0%	50.0% #E4EEED	RGB 228 238 237	#E4EEED
66.7%	66.7% #E7F2F3	RGB 231 242 243	#E7F2F3
83.3%	83.3% #EAF6F9	RGB 234 246 249	#EAF6F9
100.0%	100.0% #EDFBFF	RGB 237 251 255	#EDFBFF

#DCE2DC #DEE6E1 #E1EAE7 #E4EEED #E7F2F3 #EAF6F9 #EDFBFF

#DCE2DC - #EDFBFF

HSV Blend

#DCE2DC - #EDFBFF | 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 #DCE2DC as 0% and #EDFBFF as 100%.

0.0%	0.0% #DCE2DC	RGB 220 226 220	#DCE2DC
16.7%	16.7% #DFE6E0	RGB 223 230 224	#DFE6E0
33.3%	33.3% #E1EBE5	RGB 225 235 229	#E1EBE5
50.0%	50.0% #E4F0EB	RGB 228 240 235	#E4F0EB
66.7%	66.7% #E7F5F2	RGB 231 245 242	#E7F5F2
83.3%	83.3% #EAF9FA	RGB 234 249 250	#EAF9FA
100.0%	100.0% #EDFBFF	RGB 237 251 255	#EDFBFF

#DCE2DC #DFE6E0 #E1EBE5 #E4F0EB #E7F5F2 #EAF9FA #EDFBFF

#DCE2DC - #E4F0EB - #EDFBFF

CSS codes

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

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