#DC3E62 - #3E111C | 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 #DC3E62 to #3E111C

#DC3E62 #3E111C

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

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

0.0%	0.0% #DC3E62	RGB 220 62 98	#DC3E62
16.7%	16.7% #C13656	RGB 193 54 86	#C13656
33.3%	33.3% #A72F4A	RGB 167 47 74	#A72F4A
50.0%	50.0% #8D273F	RGB 141 39 63	#8D273F
66.7%	66.7% #722033	RGB 114 32 51	#722033
83.3%	83.3% #581827	RGB 88 24 39	#581827
100.0%	100.0% #3E111C	RGB 62 17 28	#3E111C

#DC3E62 #C13656 #A72F4A #8D273F #722033 #581827 #3E111C

#DC3E62 - #3E111C

HSV Blend

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

0.0%	0.0% #DC3D62	RGB 220 61 98	#DC3D62
16.7%	16.7% #C13656	RGB 193 54 86	#C13656
33.3%	33.3% #A72E4A	RGB 167 46 74	#A72E4A
50.0%	50.0% #8D273F	RGB 141 39 63	#8D273F
66.7%	66.7% #721F33	RGB 114 31 51	#721F33
83.3%	83.3% #581827	RGB 88 24 39	#581827
100.0%	100.0% #3E111C	RGB 62 17 28	#3E111C

#DC3D62 #C13656 #A72E4A #8D273F #721F33 #581827 #3E111C

#DC3E62 - #8D273F - #3E111C

CSS codes

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

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