#DB7DA9 - #3E232F | 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 #DB7DA9 to #3E232F

#DB7DA9 #3E232F

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

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

0.0%	0.0% #DB7DA9	RGB 219 125 169	#DB7DA9
16.7%	16.7% #C06E94	RGB 192 110 148	#C06E94
33.3%	33.3% #A65F80	RGB 166 95 128	#A65F80
50.0%	50.0% #8C506C	RGB 140 80 108	#8C506C
66.7%	66.7% #724157	RGB 114 65 87	#724157
83.3%	83.3% #583243	RGB 88 50 67	#583243
100.0%	100.0% #3E232F	RGB 62 35 47	#3E232F

#DB7DA9 #C06E94 #A65F80 #8C506C #724157 #583243 #3E232F

#DB7DA9 - #3E232F

HSV Blend

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

0.0%	0.0% #DB7DA9	RGB 219 125 169	#DB7DA9
16.7%	16.7% #C06D94	RGB 192 109 148	#C06D94
33.3%	33.3% #A65E7F	RGB 166 94 127	#A65E7F
50.0%	50.0% #8C4F6B	RGB 140 79 107	#8C4F6B
66.7%	66.7% #724057	RGB 114 64 87	#724057
83.3%	83.3% #583143	RGB 88 49 67	#583143
100.0%	100.0% #3E232F	RGB 62 35 47	#3E232F

#DB7DA9 #C06D94 #A65E7F #8C4F6B #724057 #583143 #3E232F

#DB7DA9 - #8C4F6B - #3E232F

CSS codes

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

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