#DB879B - #3E262B | 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 #DB879B to #3E262B

#DB879B #3E262B

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

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

0.0%	0.0% #DB879B	RGB 219 135 155	#DB879B
16.7%	16.7% #C07688	RGB 192 118 136	#C07688
33.3%	33.3% #A66675	RGB 166 102 117	#A66675
50.0%	50.0% #8C5663	RGB 140 86 99	#8C5663
66.7%	66.7% #724650	RGB 114 70 80	#724650
83.3%	83.3% #58363D	RGB 88 54 61	#58363D
100.0%	100.0% #3E262B	RGB 62 38 43	#3E262B

#DB879B #C07688 #A66675 #8C5663 #724650 #58363D #3E262B

#DB879B - #3E262B

HSV Blend

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

0.0%	0.0% #DB879A	RGB 219 135 154	#DB879A
16.7%	16.7% #C07688	RGB 192 118 136	#C07688
33.3%	33.3% #A66675	RGB 166 102 117	#A66675
50.0%	50.0% #8C5662	RGB 140 86 98	#8C5662
66.7%	66.7% #72464F	RGB 114 70 79	#72464F
83.3%	83.3% #58363D	RGB 88 54 61	#58363D
100.0%	100.0% #3E262B	RGB 62 38 43	#3E262B

#DB879A #C07688 #A66675 #8C5662 #72464F #58363D #3E262B

#DB879B - #8C5662 - #3E262B

CSS codes

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

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