#DC3E62 - #810325 | 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 #810325

#DC3E62 #810325

Calculate the color between two colors, #DC3E62 and #810325. 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 - #810325 | 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 #810325 as 100%.

0.0%	0.0% #DC3E62	RGB 220 62 98	#DC3E62
16.7%	16.7% #CC3457	RGB 204 52 87	#CC3457
33.3%	33.3% #BD2A4D	RGB 189 42 77	#BD2A4D
50.0%	50.0% #AE2043	RGB 174 32 67	#AE2043
66.7%	66.7% #9F1639	RGB 159 22 57	#9F1639
83.3%	83.3% #900C2F	RGB 144 12 47	#900C2F
100.0%	100.0% #810325	RGB 129 3 37	#810325

#DC3E62 #CC3457 #BD2A4D #AE2043 #9F1639 #900C2F #810325

#DC3E62 - #810325

HSV Blend

#DC3E62 - #810325 | 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 #810325 as 100%.

0.0%	0.0% #DC3D62	RGB 220 61 98	#DC3D62
16.7%	16.7% #CC3055	RGB 204 48 85	#CC3055
33.3%	33.3% #BD254A	RGB 189 37 74	#BD254A
50.0%	50.0% #AE1A3F	RGB 174 26 63	#AE1A3F
66.7%	66.7% #9F1135	RGB 159 17 53	#9F1135
83.3%	83.3% #90092C	RGB 144 9 44	#90092C
100.0%	100.0% #810325	RGB 129 3 37	#810325

#DC3D62 #CC3055 #BD254A #AE1A3F #9F1135 #90092C #810325

#DC3E62 - #AE1A3F - #810325

CSS codes

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

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