#DC3D91 - #3E1029 | 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 #DC3D91 to #3E1029

#DC3D91 #3E1029

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

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

0.0%	0.0% #DC3D91	RGB 220 61 145	#DC3D91
16.7%	16.7% #C1357F	RGB 193 53 127	#C1357F
33.3%	33.3% #A72E6E	RGB 167 46 110	#A72E6E
50.0%	50.0% #8D265D	RGB 141 38 93	#8D265D
66.7%	66.7% #721F4B	RGB 114 31 75	#721F4B
83.3%	83.3% #58173A	RGB 88 23 58	#58173A
100.0%	100.0% #3E1029	RGB 62 16 41	#3E1029

#DC3D91 #C1357F #A72E6E #8D265D #721F4B #58173A #3E1029

#DC3D91 - #3E1029

HSV Blend

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

0.0%	0.0% #DC3D91	RGB 220 61 145	#DC3D91
16.7%	16.7% #C1357F	RGB 193 53 127	#C1357F
33.3%	33.3% #A72D6E	RGB 167 45 110	#A72D6E
50.0%	50.0% #8D255D	RGB 141 37 93	#8D255D
66.7%	66.7% #721E4B	RGB 114 30 75	#721E4B
83.3%	83.3% #58173A	RGB 88 23 58	#58173A
100.0%	100.0% #3E1029	RGB 62 16 41	#3E1029

#DC3D91 #C1357F #A72D6E #8D255D #721E4B #58173A #3E1029

#DC3D91 - #8D255D - #3E1029

CSS codes

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

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