#DB87C9 - #3E2639 | 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 #DB87C9 to #3E2639

#DB87C9 #3E2639

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

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

0.0%	0.0% #DB87C9	RGB 219 135 201	#DB87C9
16.7%	16.7% #C076B1	RGB 192 118 177	#C076B1
33.3%	33.3% #A66699	RGB 166 102 153	#A66699
50.0%	50.0% #8C5681	RGB 140 86 129	#8C5681
66.7%	66.7% #724669	RGB 114 70 105	#724669
83.3%	83.3% #583651	RGB 88 54 81	#583651
100.0%	100.0% #3E2639	RGB 62 38 57	#3E2639

#DB87C9 #C076B1 #A66699 #8C5681 #724669 #583651 #3E2639

#DB87C9 - #3E2639

HSV Blend

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

0.0%	0.0% #DB87C9	RGB 219 135 201	#DB87C9
16.7%	16.7% #C076B1	RGB 192 118 177	#C076B1
33.3%	33.3% #A66699	RGB 166 102 153	#A66699
50.0%	50.0% #8C5681	RGB 140 86 129	#8C5681
66.7%	66.7% #724669	RGB 114 70 105	#724669
83.3%	83.3% #583651	RGB 88 54 81	#583651
100.0%	100.0% #3E2639	RGB 62 38 57	#3E2639

#DB87C9 #C076B1 #A66699 #8C5681 #724669 #583651 #3E2639

#DB87C9 - #8C5681 - #3E2639

CSS codes

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

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