#DD8FDA - #3F283E | 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 #DD8FDA to #3F283E

#DD8FDA #3F283E

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

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

0.0%	0.0% #DD8FDA	RGB 221 143 218	#DD8FDA
16.7%	16.7% #C27DC0	RGB 194 125 192	#C27DC0
33.3%	33.3% #A86CA6	RGB 168 108 166	#A86CA6
50.0%	50.0% #8E5B8C	RGB 142 91 140	#8E5B8C
66.7%	66.7% #734A72	RGB 115 74 114	#734A72
83.3%	83.3% #593958	RGB 89 57 88	#593958
100.0%	100.0% #3F283E	RGB 63 40 62	#3F283E

#DD8FDA #C27DC0 #A86CA6 #8E5B8C #734A72 #593958 #3F283E

#DD8FDA - #3F283E

HSV Blend

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

0.0%	0.0% #DD8FDA	RGB 221 143 218	#DD8FDA
16.7%	16.7% #C27DBF	RGB 194 125 191	#C27DBF
33.3%	33.3% #A86CA5	RGB 168 108 165	#A86CA5
50.0%	50.0% #8E5B8B	RGB 142 91 139	#8E5B8B
66.7%	66.7% #734971	RGB 115 73 113	#734971
83.3%	83.3% #593857	RGB 89 56 87	#593857
100.0%	100.0% #3F283E	RGB 63 40 62	#3F283E

#DD8FDA #C27DBF #A86CA5 #8E5B8B #734971 #593857 #3F283E

#DD8FDA - #8E5B8B - #3F283E

CSS codes

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

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