#D4DDE7 - #3C3E42 | 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 #D4DDE7 to #3C3E42

#D4DDE7 #3C3E42

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

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

0.0%	0.0% #D4DDE7	RGB 212 221 231	#D4DDE7
16.7%	16.7% #BAC2CB	RGB 186 194 203	#BAC2CB
33.3%	33.3% #A1A8B0	RGB 161 168 176	#A1A8B0
50.0%	50.0% #888D94	RGB 136 141 148	#888D94
66.7%	66.7% #6E7379	RGB 110 115 121	#6E7379
83.3%	83.3% #55585D	RGB 85 88 93	#55585D
100.0%	100.0% #3C3E42	RGB 60 62 66	#3C3E42

#D4DDE7 #BAC2CB #A1A8B0 #888D94 #6E7379 #55585D #3C3E42

#D4DDE7 - #3C3E42

HSV Blend

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

0.0%	0.0% #D4DDE7	RGB 212 221 231	#D4DDE7
16.7%	16.7% #BAC2CB	RGB 186 194 203	#BAC2CB
33.3%	33.3% #A1A7B0	RGB 161 167 176	#A1A7B0
50.0%	50.0% #878C94	RGB 135 140 148	#878C94
66.7%	66.7% #6E7279	RGB 110 114 121	#6E7279
83.3%	83.3% #55585D	RGB 85 88 93	#55585D
100.0%	100.0% #3C3E42	RGB 60 62 66	#3C3E42

#D4DDE7 #BAC2CB #A1A7B0 #878C94 #6E7279 #55585D #3C3E42

#D4DDE7 - #878C94 - #3C3E42

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D4DDE7 0%, #878C94 50%, #3C3E42 100%);
    background: -webkit-linear-gradient(top, #D4DDE7 0%, #878C94 50%, #3C3E42 100%);
    background: linear-gradient(to bottom, #D4DDE7 0%, #878C94 50%, #3C3E42 100%);
}
</style>