#EC2D53 - #FF8D5B | 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 #EC2D53 to #FF8D5B

#EC2D53 #FF8D5B

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

#EC2D53 - #FF8D5B | 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 #EC2D53 as 0% and #FF8D5B as 100%.

0.0%	0.0% #EC2D53	RGB 236 45 83	#EC2D53
16.7%	16.7% #EF3D54	RGB 239 61 84	#EF3D54
33.3%	33.3% #F24D55	RGB 242 77 85	#F24D55
50.0%	50.0% #F55D57	RGB 245 93 87	#F55D57
66.7%	66.7% #F86D58	RGB 248 109 88	#F86D58
83.3%	83.3% #FB7D59	RGB 251 125 89	#FB7D59
100.0%	100.0% #FF8D5B	RGB 255 141 91	#FF8D5B

#EC2D53 #EF3D54 #F24D55 #F55D57 #F86D58 #FB7D59 #FF8D5B

#EC2D53 - #FF8D5B

HSV Blend

#EC2D53 - #FF8D5B | 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 #EC2D53 as 0% and #FF8D5B as 100%.

0.0%	0.0% #EC2C53	RGB 236 44 83	#EC2C53
16.7%	16.7% #EF3449	RGB 239 52 73	#EF3449
33.3%	33.3% #F23B41	RGB 242 59 65	#F23B41
50.0%	50.0% #F54C43	RGB 245 76 67	#F54C43
66.7%	66.7% #F8624A	RGB 248 98 74	#F8624A
83.3%	83.3% #FB7852	RGB 251 120 82	#FB7852
100.0%	100.0% #FF8D5B	RGB 255 141 91	#FF8D5B

#EC2C53 #EF3449 #F23B41 #F54C43 #F8624A #FB7852 #FF8D5B

#EC2D53 - #F54C43 - #FF8D5B

CSS codes

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

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