#DCDCE8 - #3E3E42 | 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 #DCDCE8 to #3E3E42

#DCDCE8 #3E3E42

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

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

0.0%	0.0% #DCDCE8	RGB 220 220 232	#DCDCE8
16.7%	16.7% #C1C1CC	RGB 193 193 204	#C1C1CC
33.3%	33.3% #A7A7B0	RGB 167 167 176	#A7A7B0
50.0%	50.0% #8D8D95	RGB 141 141 149	#8D8D95
66.7%	66.7% #727279	RGB 114 114 121	#727279
83.3%	83.3% #58585D	RGB 88 88 93	#58585D
100.0%	100.0% #3E3E42	RGB 62 62 66	#3E3E42

#DCDCE8 #C1C1CC #A7A7B0 #8D8D95 #727279 #58585D #3E3E42

#DCDCE8 - #3E3E42

HSV Blend

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

0.0%	0.0% #DCDCE8	RGB 220 220 232	#DCDCE8
16.7%	16.7% #C1C1CC	RGB 193 193 204	#C1C1CC
33.3%	33.3% #A7A7B0	RGB 167 167 176	#A7A7B0
50.0%	50.0% #8C8C95	RGB 140 140 149	#8C8C95
66.7%	66.7% #727279	RGB 114 114 121	#727279
83.3%	83.3% #58585D	RGB 88 88 93	#58585D
100.0%	100.0% #3E3E42	RGB 62 62 66	#3E3E42

#DCDCE8 #C1C1CC #A7A7B0 #8C8C95 #727279 #58585D #3E3E42

#DCDCE8 - #8C8C95 - #3E3E42

CSS codes

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

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