#DB2D2D - #FF4D84 | 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 #DB2D2D to #FF4D84

#DB2D2D #FF4D84

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

#DB2D2D - #FF4D84 | 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 #DB2D2D as 0% and #FF4D84 as 100%.

0.0%	0.0% #DB2D2D	RGB 219 45 45	#DB2D2D
16.7%	16.7% #E1323B	RGB 225 50 59	#E1323B
33.3%	33.3% #E7374A	RGB 231 55 74	#E7374A
50.0%	50.0% #ED3D58	RGB 237 61 88	#ED3D58
66.7%	66.7% #F34267	RGB 243 66 103	#F34267
83.3%	83.3% #F94775	RGB 249 71 117	#F94775
100.0%	100.0% #FF4D84	RGB 255 77 132	#FF4D84

#DB2D2D #E1323B #E7374A #ED3D58 #F34267 #F94775 #FF4D84

#DB2D2D - #FF4D84

HSV Blend

#DB2D2D - #FF4D84 | 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 #DB2D2D as 0% and #FF4D84 as 100%.

0.0%	0.0% #DB2D2D	RGB 219 45 45	#DB2D2D
16.7%	16.7% #E1313A	RGB 225 49 58	#E1313A
33.3%	33.3% #E73649	RGB 231 54 73	#E73649
50.0%	50.0% #ED3C57	RGB 237 60 87	#ED3C57
66.7%	66.7% #F34166	RGB 243 65 102	#F34166
83.3%	83.3% #F94774	RGB 249 71 116	#F94774
100.0%	100.0% #FF4D84	RGB 255 77 132	#FF4D84

#DB2D2D #E1313A #E73649 #ED3C57 #F34166 #F94774 #FF4D84

#DB2D2D - #ED3C57 - #FF4D84

CSS codes

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

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