#DC84D9 - #3E253D | 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 #DC84D9 to #3E253D

#DC84D9 #3E253D

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

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

0.0%	0.0% #DC84D9	RGB 220 132 217	#DC84D9
16.7%	16.7% #C174BF	RGB 193 116 191	#C174BF
33.3%	33.3% #A764A5	RGB 167 100 165	#A764A5
50.0%	50.0% #8D548B	RGB 141 84 139	#8D548B
66.7%	66.7% #724471	RGB 114 68 113	#724471
83.3%	83.3% #583457	RGB 88 52 87	#583457
100.0%	100.0% #3E253D	RGB 62 37 61	#3E253D

#DC84D9 #C174BF #A764A5 #8D548B #724471 #583457 #3E253D

#DC84D9 - #3E253D

HSV Blend

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

0.0%	0.0% #DC84D9	RGB 220 132 217	#DC84D9
16.7%	16.7% #C174BE	RGB 193 116 190	#C174BE
33.3%	33.3% #A764A4	RGB 167 100 164	#A764A4
50.0%	50.0% #8D548A	RGB 141 84 138	#8D548A
66.7%	66.7% #724470	RGB 114 68 112	#724470
83.3%	83.3% #583456	RGB 88 52 86	#583456
100.0%	100.0% #3E253D	RGB 62 37 61	#3E253D

#DC84D9 #C174BE #A764A4 #8D548A #724470 #583456 #3E253D

#DC84D9 - #8D548A - #3E253D

CSS codes

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

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