#DFD9E7 - #3F3E42 | 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 #DFD9E7 to #3F3E42

#DFD9E7 #3F3E42

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

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

0.0%	0.0% #DFD9E7	RGB 223 217 231	#DFD9E7
16.7%	16.7% #C4BFCB	RGB 196 191 203	#C4BFCB
33.3%	33.3% #A9A5B0	RGB 169 165 176	#A9A5B0
50.0%	50.0% #8F8B94	RGB 143 139 148	#8F8B94
66.7%	66.7% #747179	RGB 116 113 121	#747179
83.3%	83.3% #59575D	RGB 89 87 93	#59575D
100.0%	100.0% #3F3E42	RGB 63 62 66	#3F3E42

#DFD9E7 #C4BFCB #A9A5B0 #8F8B94 #747179 #59575D #3F3E42

#DFD9E7 - #3F3E42

HSV Blend

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

0.0%	0.0% #DFD9E7	RGB 223 217 231	#DFD9E7
16.7%	16.7% #C4BFCB	RGB 196 191 203	#C4BFCB
33.3%	33.3% #A9A5B0	RGB 169 165 176	#A9A5B0
50.0%	50.0% #8E8B94	RGB 142 139 148	#8E8B94
66.7%	66.7% #737179	RGB 115 113 121	#737179
83.3%	83.3% #59575D	RGB 89 87 93	#59575D
100.0%	100.0% #3F3E42	RGB 63 62 66	#3F3E42

#DFD9E7 #C4BFCB #A9A5B0 #8E8B94 #737179 #59575D #3F3E42

#DFD9E7 - #8E8B94 - #3F3E42

CSS codes

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

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