#DCE0DF - #3E403F | 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 #DCE0DF to #3E403F

#DCE0DF #3E403F

Calculate the color between two colors, #DCE0DF and #3E403F. 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)

#DCE0DF - #3E403F | 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 #DCE0DF as 0% and #3E403F as 100%.

0.0%	0.0% #DCE0DF	RGB 220 224 223	#DCE0DF
16.7%	16.7% #C1C5C4	RGB 193 197 196	#C1C5C4
33.3%	33.3% #A7AAA9	RGB 167 170 169	#A7AAA9
50.0%	50.0% #8D908F	RGB 141 144 143	#8D908F
66.7%	66.7% #727574	RGB 114 117 116	#727574
83.3%	83.3% #585A59	RGB 88 90 89	#585A59
100.0%	100.0% #3E403F	RGB 62 64 63	#3E403F

#DCE0DF #C1C5C4 #A7AAA9 #8D908F #727574 #585A59 #3E403F

#DCE0DF - #3E403F

HSV Blend

#DCE0DF - #3E403F | 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 #DCE0DF as 0% and #3E403F as 100%.

0.0%	0.0% #DCE0DF	RGB 220 224 223	#DCE0DF
16.7%	16.7% #C1C5C4	RGB 193 197 196	#C1C5C4
33.3%	33.3% #A6AAA9	RGB 166 170 169	#A6AAA9
50.0%	50.0% #8C908E	RGB 140 144 142	#8C908E
66.7%	66.7% #727574	RGB 114 117 116	#727574
83.3%	83.3% #585A59	RGB 88 90 89	#585A59
100.0%	100.0% #3E403F	RGB 62 64 63	#3E403F

#DCE0DF #C1C5C4 #A6AAA9 #8C908E #727574 #585A59 #3E403F

#DCE0DF - #8C908E - #3E403F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DCE0DF 0%, #8C908E 50%, #3E403F 100%);
    background: -webkit-linear-gradient(top, #DCE0DF 0%, #8C908E 50%, #3E403F 100%);
    background: linear-gradient(to bottom, #DCE0DF 0%, #8C908E 50%, #3E403F 100%);
}
</style>