#DB9FC0 - #3E2D36 | 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 #DB9FC0 to #3E2D36

#DB9FC0 #3E2D36

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

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

0.0%	0.0% #DB9FC0	RGB 219 159 192	#DB9FC0
16.7%	16.7% #C08CA9	RGB 192 140 169	#C08CA9
33.3%	33.3% #A67992	RGB 166 121 146	#A67992
50.0%	50.0% #8C667B	RGB 140 102 123	#8C667B
66.7%	66.7% #725364	RGB 114 83 100	#725364
83.3%	83.3% #58404D	RGB 88 64 77	#58404D
100.0%	100.0% #3E2D36	RGB 62 45 54	#3E2D36

#DB9FC0 #C08CA9 #A67992 #8C667B #725364 #58404D #3E2D36

#DB9FC0 - #3E2D36

HSV Blend

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

0.0%	0.0% #DB9FC0	RGB 219 159 192	#DB9FC0
16.7%	16.7% #C08BA8	RGB 192 139 168	#C08BA8
33.3%	33.3% #A67891	RGB 166 120 145	#A67891
50.0%	50.0% #8C657A	RGB 140 101 122	#8C657A
66.7%	66.7% #725263	RGB 114 82 99	#725263
83.3%	83.3% #583F4C	RGB 88 63 76	#583F4C
100.0%	100.0% #3E2D36	RGB 62 45 54	#3E2D36

#DB9FC0 #C08BA8 #A67891 #8C657A #725263 #583F4C #3E2D36

#DB9FC0 - #8C657A - #3E2D36

CSS codes

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

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