#D9DFE3 - #3E3F40 | 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 #D9DFE3 to #3E3F40

#D9DFE3 #3E3F40

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

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

0.0%	0.0% #D9DFE3	RGB 217 223 227	#D9DFE3
16.7%	16.7% #BFC4C7	RGB 191 196 199	#BFC4C7
33.3%	33.3% #A5A9AC	RGB 165 169 172	#A5A9AC
50.0%	50.0% #8B8F91	RGB 139 143 145	#8B8F91
66.7%	66.7% #717476	RGB 113 116 118	#717476
83.3%	83.3% #57595B	RGB 87 89 91	#57595B
100.0%	100.0% #3E3F40	RGB 62 63 64	#3E3F40

#D9DFE3 #BFC4C7 #A5A9AC #8B8F91 #717476 #57595B #3E3F40

#D9DFE3 - #3E3F40

HSV Blend

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

0.0%	0.0% #D9DFE3	RGB 217 223 227	#D9DFE3
16.7%	16.7% #BFC4C7	RGB 191 196 199	#BFC4C7
33.3%	33.3% #A5A9AC	RGB 165 169 172	#A5A9AC
50.0%	50.0% #8C8F91	RGB 140 143 145	#8C8F91
66.7%	66.7% #727476	RGB 114 116 118	#727476
83.3%	83.3% #58595B	RGB 88 89 91	#58595B
100.0%	100.0% #3E3F40	RGB 62 63 64	#3E3F40

#D9DFE3 #BFC4C7 #A5A9AC #8C8F91 #727476 #58595B #3E3F40

#D9DFE3 - #8C8F91 - #3E3F40

CSS codes

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

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