#DD5DAB - #3F1A30 | 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 #DD5DAB to #3F1A30

#DD5DAB #3F1A30

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

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

0.0%	0.0% #DD5DAB	RGB 221 93 171	#DD5DAB
16.7%	16.7% #C25196	RGB 194 81 150	#C25196
33.3%	33.3% #A84682	RGB 168 70 130	#A84682
50.0%	50.0% #8E3B6D	RGB 142 59 109	#8E3B6D
66.7%	66.7% #733059	RGB 115 48 89	#733059
83.3%	83.3% #592544	RGB 89 37 68	#592544
100.0%	100.0% #3F1A30	RGB 63 26 48	#3F1A30

#DD5DAB #C25196 #A84682 #8E3B6D #733059 #592544 #3F1A30

#DD5DAB - #3F1A30

HSV Blend

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

0.0%	0.0% #DD5DAB	RGB 221 93 171	#DD5DAB
16.7%	16.7% #C25196	RGB 194 81 150	#C25196
33.3%	33.3% #A84681	RGB 168 70 129	#A84681
50.0%	50.0% #8E3B6D	RGB 142 59 109	#8E3B6D
66.7%	66.7% #733058	RGB 115 48 88	#733058
83.3%	83.3% #592444	RGB 89 36 68	#592444
100.0%	100.0% #3F1A30	RGB 63 26 48	#3F1A30

#DD5DAB #C25196 #A84681 #8E3B6D #733058 #592444 #3F1A30

#DD5DAB - #8E3B6D - #3F1A30

CSS codes

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

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