#DB86C0 - #3E2636 | 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 #DB86C0 to #3E2636

#DB86C0 #3E2636

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

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

0.0%	0.0% #DB86C0	RGB 219 134 192	#DB86C0
16.7%	16.7% #C076A9	RGB 192 118 169	#C076A9
33.3%	33.3% #A66692	RGB 166 102 146	#A66692
50.0%	50.0% #8C567B	RGB 140 86 123	#8C567B
66.7%	66.7% #724664	RGB 114 70 100	#724664
83.3%	83.3% #58364D	RGB 88 54 77	#58364D
100.0%	100.0% #3E2636	RGB 62 38 54	#3E2636

#DB86C0 #C076A9 #A66692 #8C567B #724664 #58364D #3E2636

#DB86C0 - #3E2636

HSV Blend

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

0.0%	0.0% #DB86C0	RGB 219 134 192	#DB86C0
16.7%	16.7% #C076A8	RGB 192 118 168	#C076A8
33.3%	33.3% #A66691	RGB 166 102 145	#A66691
50.0%	50.0% #8C567A	RGB 140 86 122	#8C567A
66.7%	66.7% #724663	RGB 114 70 99	#724663
83.3%	83.3% #58364C	RGB 88 54 76	#58364C
100.0%	100.0% #3E2636	RGB 62 38 54	#3E2636

#DB86C0 #C076A8 #A66691 #8C567A #724663 #58364C #3E2636

#DB86C0 - #8C567A - #3E2636

CSS codes

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

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