#DB5DA7 - #3E1A2F | 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 #DB5DA7 to #3E1A2F

#DB5DA7 #3E1A2F

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

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

0.0%	0.0% #DB5DA7	RGB 219 93 167	#DB5DA7
16.7%	16.7% #C05193	RGB 192 81 147	#C05193
33.3%	33.3% #A6467F	RGB 166 70 127	#A6467F
50.0%	50.0% #8C3B6B	RGB 140 59 107	#8C3B6B
66.7%	66.7% #723057	RGB 114 48 87	#723057
83.3%	83.3% #582543	RGB 88 37 67	#582543
100.0%	100.0% #3E1A2F	RGB 62 26 47	#3E1A2F

#DB5DA7 #C05193 #A6467F #8C3B6B #723057 #582543 #3E1A2F

#DB5DA7 - #3E1A2F

HSV Blend

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

0.0%	0.0% #DB5DA7	RGB 219 93 167	#DB5DA7
16.7%	16.7% #C05192	RGB 192 81 146	#C05192
33.3%	33.3% #A6467E	RGB 166 70 126	#A6467E
50.0%	50.0% #8C3B6A	RGB 140 59 106	#8C3B6A
66.7%	66.7% #723056	RGB 114 48 86	#723056
83.3%	83.3% #582542	RGB 88 37 66	#582542
100.0%	100.0% #3E1A2F	RGB 62 26 47	#3E1A2F

#DB5DA7 #C05192 #A6467E #8C3B6A #723056 #582542 #3E1A2F

#DB5DA7 - #8C3B6A - #3E1A2F

CSS codes

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

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