#DBA7D4 - #3E2F3C | 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 #DBA7D4 to #3E2F3C

#DBA7D4 #3E2F3C

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

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

0.0%	0.0% #DBA7D4	RGB 219 167 212	#DBA7D4
16.7%	16.7% #C093BA	RGB 192 147 186	#C093BA
33.3%	33.3% #A67FA1	RGB 166 127 161	#A67FA1
50.0%	50.0% #8C6B88	RGB 140 107 136	#8C6B88
66.7%	66.7% #72576E	RGB 114 87 110	#72576E
83.3%	83.3% #584355	RGB 88 67 85	#584355
100.0%	100.0% #3E2F3C	RGB 62 47 60	#3E2F3C

#DBA7D4 #C093BA #A67FA1 #8C6B88 #72576E #584355 #3E2F3C

#DBA7D4 - #3E2F3C

HSV Blend

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

0.0%	0.0% #DBA7D4	RGB 219 167 212	#DBA7D4
16.7%	16.7% #C092BA	RGB 192 146 186	#C092BA
33.3%	33.3% #A67EA1	RGB 166 126 161	#A67EA1
50.0%	50.0% #8C6A87	RGB 140 106 135	#8C6A87
66.7%	66.7% #72566E	RGB 114 86 110	#72566E
83.3%	83.3% #584255	RGB 88 66 85	#584255
100.0%	100.0% #3E2F3C	RGB 62 47 60	#3E2F3C

#DBA7D4 #C092BA #A67EA1 #8C6A87 #72566E #584255 #3E2F3C

#DBA7D4 - #8C6A87 - #3E2F3C

CSS codes

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

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