#DCD7EB - #3E3D43 | 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 #DCD7EB to #3E3D43

#DCD7EB #3E3D43

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

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

0.0%	0.0% #DCD7EB	RGB 220 215 235	#DCD7EB
16.7%	16.7% #C1BDCF	RGB 193 189 207	#C1BDCF
33.3%	33.3% #A7A3B3	RGB 167 163 179	#A7A3B3
50.0%	50.0% #8D8A97	RGB 141 138 151	#8D8A97
66.7%	66.7% #72707B	RGB 114 112 123	#72707B
83.3%	83.3% #58565F	RGB 88 86 95	#58565F
100.0%	100.0% #3E3D43	RGB 62 61 67	#3E3D43

#DCD7EB #C1BDCF #A7A3B3 #8D8A97 #72707B #58565F #3E3D43

#DCD7EB - #3E3D43

HSV Blend

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

0.0%	0.0% #DCD7EB	RGB 220 215 235	#DCD7EB
16.7%	16.7% #C1BDCF	RGB 193 189 207	#C1BDCF
33.3%	33.3% #A6A3B3	RGB 166 163 179	#A6A3B3
50.0%	50.0% #8C8997	RGB 140 137 151	#8C8997
66.7%	66.7% #72707B	RGB 114 112 123	#72707B
83.3%	83.3% #58565F	RGB 88 86 95	#58565F
100.0%	100.0% #3E3D43	RGB 62 61 67	#3E3D43

#DCD7EB #C1BDCF #A6A3B3 #8C8997 #72707B #58565F #3E3D43

#DCD7EB - #8C8997 - #3E3D43

CSS codes

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

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