#DF87D9 - #3F263E | 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 #DF87D9 to #3F263E

#DF87D9 #3F263E

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

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

0.0%	0.0% #DF87D9	RGB 223 135 217	#DF87D9
16.7%	16.7% #C476BF	RGB 196 118 191	#C476BF
33.3%	33.3% #A966A5	RGB 169 102 165	#A966A5
50.0%	50.0% #8F568B	RGB 143 86 139	#8F568B
66.7%	66.7% #744671	RGB 116 70 113	#744671
83.3%	83.3% #593657	RGB 89 54 87	#593657
100.0%	100.0% #3F263E	RGB 63 38 62	#3F263E

#DF87D9 #C476BF #A966A5 #8F568B #744671 #593657 #3F263E

#DF87D9 - #3F263E

HSV Blend

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

0.0%	0.0% #DF87D9	RGB 223 135 217	#DF87D9
16.7%	16.7% #C476BF	RGB 196 118 191	#C476BF
33.3%	33.3% #A966A5	RGB 169 102 165	#A966A5
50.0%	50.0% #8F568B	RGB 143 86 139	#8F568B
66.7%	66.7% #744672	RGB 116 70 114	#744672
83.3%	83.3% #593658	RGB 89 54 88	#593658
100.0%	100.0% #3F263E	RGB 63 38 62	#3F263E

#DF87D9 #C476BF #A966A5 #8F568B #744672 #593658 #3F263E

#DF87D9 - #8F568B - #3F263E

CSS codes

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

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