#EC8C77 - #CD3F29 | 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 #EC8C77 to #CD3F29

#EC8C77 #CD3F29

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

#EC8C77 - #CD3F29 | 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 #EC8C77 as 0% and #CD3F29 as 100%.

0.0%	0.0% #EC8C77	RGB 236 140 119	#EC8C77
16.7%	16.7% #E67F6A	RGB 230 127 106	#E67F6A
33.3%	33.3% #E1725D	RGB 225 114 93	#E1725D
50.0%	50.0% #DC6550	RGB 220 101 80	#DC6550
66.7%	66.7% #D75843	RGB 215 88 67	#D75843
83.3%	83.3% #D24B36	RGB 210 75 54	#D24B36
100.0%	100.0% #CD3F29	RGB 205 63 41	#CD3F29

#EC8C77 #E67F6A #E1725D #DC6550 #D75843 #D24B36 #CD3F29

#EC8C77 - #CD3F29

HSV Blend

#EC8C77 - #CD3F29 | 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 #EC8C77 as 0% and #CD3F29 as 100%.

0.0%	0.0% #EC8C77	RGB 236 140 119	#EC8C77
16.7%	16.7% #E67E68	RGB 230 126 104	#E67E68
33.3%	33.3% #E1715A	RGB 225 113 90	#E1715A
50.0%	50.0% #DC644D	RGB 220 100 77	#DC644D
66.7%	66.7% #D75740	RGB 215 87 64	#D75740
83.3%	83.3% #D24B34	RGB 210 75 52	#D24B34
100.0%	100.0% #CD3F29	RGB 205 63 41	#CD3F29

#EC8C77 #E67E68 #E1715A #DC644D #D75740 #D24B34 #CD3F29

#EC8C77 - #DC644D - #CD3F29

CSS codes

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

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