#DC587F - #3E1924 | 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 #DC587F to #3E1924

#DC587F #3E1924

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

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

0.0%	0.0% #DC587F	RGB 220 88 127	#DC587F
16.7%	16.7% #C14D6F	RGB 193 77 111	#C14D6F
33.3%	33.3% #A74360	RGB 167 67 96	#A74360
50.0%	50.0% #8D3851	RGB 141 56 81	#8D3851
66.7%	66.7% #722E42	RGB 114 46 66	#722E42
83.3%	83.3% #582333	RGB 88 35 51	#582333
100.0%	100.0% #3E1924	RGB 62 25 36	#3E1924

#DC587F #C14D6F #A74360 #8D3851 #722E42 #582333 #3E1924

#DC587F - #3E1924

HSV Blend

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

0.0%	0.0% #DC587F	RGB 220 88 127	#DC587F
16.7%	16.7% #C14D6F	RGB 193 77 111	#C14D6F
33.3%	33.3% #A74360	RGB 167 67 96	#A74360
50.0%	50.0% #8D3851	RGB 141 56 81	#8D3851
66.7%	66.7% #722E42	RGB 114 46 66	#722E42
83.3%	83.3% #582333	RGB 88 35 51	#582333
100.0%	100.0% #3E1924	RGB 62 25 36	#3E1924

#DC587F #C14D6F #A74360 #8D3851 #722E42 #582333 #3E1924

#DC587F - #8D3851 - #3E1924

CSS codes

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

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