#DEDCDD - #E6E5EB | 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 #DEDCDD to #E6E5EB

#DEDCDD #E6E5EB

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

#DEDCDD - #E6E5EB | 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 #DEDCDD as 0% and #E6E5EB as 100%.

0.0%	0.0% #DEDCDD	RGB 222 220 221	#DEDCDD
16.7%	16.7% #DFDDDF	RGB 223 221 223	#DFDDDF
33.3%	33.3% #E0DFE1	RGB 224 223 225	#E0DFE1
50.0%	50.0% #E2E0E4	RGB 226 224 228	#E2E0E4
66.7%	66.7% #E3E2E6	RGB 227 226 230	#E3E2E6
83.3%	83.3% #E4E3E8	RGB 228 227 232	#E4E3E8
100.0%	100.0% #E6E5EB	RGB 230 229 235	#E6E5EB

#DEDCDD #DFDDDF #E0DFE1 #E2E0E4 #E3E2E6 #E4E3E8 #E6E5EB

#DEDCDD - #E6E5EB

HSV Blend

#DEDCDD - #E6E5EB | 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 #DEDCDD as 0% and #E6E5EB as 100%.

0.0%	0.0% #DEDCDD	RGB 222 220 221	#DEDCDD
16.7%	16.7% #E0DDDF	RGB 224 221 223	#E0DDDF
33.3%	33.3% #E2DFE2	RGB 226 223 226	#E2DFE2
50.0%	50.0% #E3E0E4	RGB 227 224 228	#E3E0E4
66.7%	66.7% #E4E2E6	RGB 228 226 230	#E4E2E6
83.3%	83.3% #E5E3E8	RGB 229 227 232	#E5E3E8
100.0%	100.0% #E6E5EB	RGB 230 229 235	#E6E5EB

#DEDCDD #E0DDDF #E2DFE2 #E3E0E4 #E4E2E6 #E5E3E8 #E6E5EB

#DEDCDD - #E3E0E4 - #E6E5EB

CSS codes

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

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