#DB2D56 - #AF002B | 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 #DB2D56 to #AF002B

#DB2D56 #AF002B

Calculate the color between two colors, #DB2D56 and #AF002B. 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)

#DB2D56 - #AF002B | 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 #DB2D56 as 0% and #AF002B as 100%.

0.0%	0.0% #DB2D56	RGB 219 45 86	#DB2D56
16.7%	16.7% #D3254E	RGB 211 37 78	#D3254E
33.3%	33.3% #CC1E47	RGB 204 30 71	#CC1E47
50.0%	50.0% #C51640	RGB 197 22 64	#C51640
66.7%	66.7% #BD0E39	RGB 189 14 57	#BD0E39
83.3%	83.3% #B60732	RGB 182 7 50	#B60732
100.0%	100.0% #AF002B	RGB 175 0 43	#AF002B

#DB2D56 #D3254E #CC1E47 #C51640 #BD0E39 #B60732 #AF002B

#DB2D56 - #AF002B

HSV Blend

#DB2D56 - #AF002B | 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 #DB2D56 as 0% and #AF002B as 100%.

0.0%	0.0% #DB2D55	RGB 219 45 85	#DB2D55
16.7%	16.7% #D3244D	RGB 211 36 77	#D3244D
33.3%	33.3% #CC1B46	RGB 204 27 70	#CC1B46
50.0%	50.0% #C5143E	RGB 197 20 62	#C5143E
66.7%	66.7% #BD0C37	RGB 189 12 55	#BD0C37
83.3%	83.3% #B60631	RGB 182 6 49	#B60631
100.0%	100.0% #AF002B	RGB 175 0 43	#AF002B

#DB2D55 #D3244D #CC1B46 #C5143E #BD0C37 #B60631 #AF002B

#DB2D56 - #C5143E - #AF002B

CSS codes

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

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