#DC005F - #FF5E6E | 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 #DC005F to #FF5E6E

#DC005F #FF5E6E

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

#DC005F - #FF5E6E | 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 #DC005F as 0% and #FF5E6E as 100%.

0.0%	0.0% #DC005F	RGB 220 0 95	#DC005F
16.7%	16.7% #E10F61	RGB 225 15 97	#E10F61
33.3%	33.3% #E71F64	RGB 231 31 100	#E71F64
50.0%	50.0% #ED2F66	RGB 237 47 102	#ED2F66
66.7%	66.7% #F33E69	RGB 243 62 105	#F33E69
83.3%	83.3% #F94E6B	RGB 249 78 107	#F94E6B
100.0%	100.0% #FF5E6E	RGB 255 94 110	#FF5E6E

#DC005F #E10F61 #E71F64 #ED2F66 #F33E69 #F94E6B #FF5E6E

#DC005F - #FF5E6E

HSV Blend

#DC005F - #FF5E6E | 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 #DC005F as 0% and #FF5E6E as 100%.

0.0%	0.0% #DC005E	RGB 220 0 94	#DC005E
16.7%	16.7% #E10D5D	RGB 225 13 93	#E10D5D
33.3%	33.3% #E71C5D	RGB 231 28 93	#E71C5D
50.0%	50.0% #ED2B5F	RGB 237 43 95	#ED2B5F
66.7%	66.7% #F33B62	RGB 243 59 98	#F33B62
83.3%	83.3% #F94C67	RGB 249 76 103	#F94C67
100.0%	100.0% #FF5E6E	RGB 255 94 110	#FF5E6E

#DC005E #E10D5D #E71C5D #ED2B5F #F33B62 #F94C67 #FF5E6E

#DC005F - #ED2B5F - #FF5E6E

CSS codes

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

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