#DB4C7D - #3E1522 | 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 #DB4C7D to #3E1522

#DB4C7D #3E1522

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

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

0.0%	0.0% #DB4C7D	RGB 219 76 125	#DB4C7D
16.7%	16.7% #C0426D	RGB 192 66 109	#C0426D
33.3%	33.3% #A6395E	RGB 166 57 94	#A6395E
50.0%	50.0% #8C304F	RGB 140 48 79	#8C304F
66.7%	66.7% #722740	RGB 114 39 64	#722740
83.3%	83.3% #581E31	RGB 88 30 49	#581E31
100.0%	100.0% #3E1522	RGB 62 21 34	#3E1522

#DB4C7D #C0426D #A6395E #8C304F #722740 #581E31 #3E1522

#DB4C7D - #3E1522

HSV Blend

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

0.0%	0.0% #DB4C7C	RGB 219 76 124	#DB4C7C
16.7%	16.7% #C0426D	RGB 192 66 109	#C0426D
33.3%	33.3% #A6395D	RGB 166 57 93	#A6395D
50.0%	50.0% #8C304E	RGB 140 48 78	#8C304E
66.7%	66.7% #72273F	RGB 114 39 63	#72273F
83.3%	83.3% #581D30	RGB 88 29 48	#581D30
100.0%	100.0% #3E1522	RGB 62 21 34	#3E1522

#DB4C7C #C0426D #A6395D #8C304E #72273F #581D30 #3E1522

#DB4C7D - #8C304E - #3E1522

CSS codes

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

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