#DCDED5 - #3E3F3C | 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 #DCDED5 to #3E3F3C

#DCDED5 #3E3F3C

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

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

0.0%	0.0% #DCDED5	RGB 220 222 213	#DCDED5
16.7%	16.7% #C1C3BB	RGB 193 195 187	#C1C3BB
33.3%	33.3% #A7A9A2	RGB 167 169 162	#A7A9A2
50.0%	50.0% #8D8E88	RGB 141 142 136	#8D8E88
66.7%	66.7% #72746F	RGB 114 116 111	#72746F
83.3%	83.3% #585955	RGB 88 89 85	#585955
100.0%	100.0% #3E3F3C	RGB 62 63 60	#3E3F3C

#DCDED5 #C1C3BB #A7A9A2 #8D8E88 #72746F #585955 #3E3F3C

#DCDED5 - #3E3F3C

HSV Blend

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

0.0%	0.0% #DCDED5	RGB 220 222 213	#DCDED5
16.7%	16.7% #C1C3BB	RGB 193 195 187	#C1C3BB
33.3%	33.3% #A7A9A1	RGB 167 169 161	#A7A9A1
50.0%	50.0% #8C8E88	RGB 140 142 136	#8C8E88
66.7%	66.7% #72746E	RGB 114 116 110	#72746E
83.3%	83.3% #585955	RGB 88 89 85	#585955
100.0%	100.0% #3E3F3C	RGB 62 63 60	#3E3F3C

#DCDED5 #C1C3BB #A7A9A1 #8C8E88 #72746E #585955 #3E3F3C

#DCDED5 - #8C8E88 - #3E3F3C

CSS codes

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

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