#DB6BA4 - #3E1E2E | 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 #DB6BA4 to #3E1E2E

#DB6BA4 #3E1E2E

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

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

0.0%	0.0% #DB6BA4	RGB 219 107 164	#DB6BA4
16.7%	16.7% #C05E90	RGB 192 94 144	#C05E90
33.3%	33.3% #A6517C	RGB 166 81 124	#A6517C
50.0%	50.0% #8C4469	RGB 140 68 105	#8C4469
66.7%	66.7% #723755	RGB 114 55 85	#723755
83.3%	83.3% #582A41	RGB 88 42 65	#582A41
100.0%	100.0% #3E1E2E	RGB 62 30 46	#3E1E2E

#DB6BA4 #C05E90 #A6517C #8C4469 #723755 #582A41 #3E1E2E

#DB6BA4 - #3E1E2E

HSV Blend

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

0.0%	0.0% #DB6BA3	RGB 219 107 163	#DB6BA3
16.7%	16.7% #C05E90	RGB 192 94 144	#C05E90
33.3%	33.3% #A6517C	RGB 166 81 124	#A6517C
50.0%	50.0% #8C4468	RGB 140 68 104	#8C4468
66.7%	66.7% #723755	RGB 114 55 85	#723755
83.3%	83.3% #582A41	RGB 88 42 65	#582A41
100.0%	100.0% #3E1E2E	RGB 62 30 46	#3E1E2E

#DB6BA3 #C05E90 #A6517C #8C4468 #723755 #582A41 #3E1E2E

#DB6BA4 - #8C4468 - #3E1E2E

CSS codes

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

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