#DCB5D2 - #3E333A | 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 #DCB5D2 to #3E333A

#DCB5D2 #3E333A

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

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

0.0%	0.0% #DCB5D2	RGB 220 181 210	#DCB5D2
16.7%	16.7% #C19FB8	RGB 193 159 184	#C19FB8
33.3%	33.3% #A7899F	RGB 167 137 159	#A7899F
50.0%	50.0% #8D7486	RGB 141 116 134	#8D7486
66.7%	66.7% #725E6C	RGB 114 94 108	#725E6C
83.3%	83.3% #584853	RGB 88 72 83	#584853
100.0%	100.0% #3E333A	RGB 62 51 58	#3E333A

#DCB5D2 #C19FB8 #A7899F #8D7486 #725E6C #584853 #3E333A

#DCB5D2 - #3E333A

HSV Blend

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

0.0%	0.0% #DCB5D2	RGB 220 181 210	#DCB5D2
16.7%	16.7% #C19FB8	RGB 193 159 184	#C19FB8
33.3%	33.3% #A7899E	RGB 167 137 158	#A7899E
50.0%	50.0% #8D7385	RGB 141 115 133	#8D7385
66.7%	66.7% #725E6B	RGB 114 94 107	#725E6B
83.3%	83.3% #584852	RGB 88 72 82	#584852
100.0%	100.0% #3E333A	RGB 62 51 58	#3E333A

#DCB5D2 #C19FB8 #A7899E #8D7385 #725E6B #584852 #3E333A

#DCB5D2 - #8D7385 - #3E333A

CSS codes

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

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