#ED3C3C - #A70F0F | colorate

这是设计师和开发人员的着色工具。这将帮助您绘制灵感，并作为您的色彩工作的资源。使这个网站更好

Blend #ED3C3C to #A70F0F

计算两种颜色#ED3C3C和#A70F0F之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#ED3C3C - #A70F0F | colorate

基于RGB值计算两种颜色之间的颜色。对于彼此远离的颜色，两种颜色之间的饱和度降低。将#ED3C3C的两种颜色之间的颜色扩展为0％，将#A70F0F扩展为100％。

0.0%	0.0% #ED3C3C	RGB 237 60 60	#ED3C3C
16.7%	16.7% #E13434	RGB 225 52 52	#E13434
33.3%	33.3% #D52D2D	RGB 213 45 45	#D52D2D
50.0%	50.0% #CA2525	RGB 202 37 37	#CA2525
66.7%	66.7% #BE1E1E	RGB 190 30 30	#BE1E1E
83.3%	83.3% #B21616	RGB 178 22 22	#B21616
100.0%	100.0% #A70F0F	RGB 167 15 15	#A70F0F

#ED3C3C #E13434 #D52D2D #CA2525 #BE1E1E #B21616 #A70F0F

#ED3C3C - #A70F0F

HSV混合

#ED3C3C - #A70F0F | colorate

基于HSV值计算两种颜色之间的颜色。即使在不同颜色的颜色之间，两种颜色之间的饱和度也不会降低。将#ED3C3C的两种颜色之间的颜色扩展为0％，将#A70F0F扩展为100％。

0.0%	0.0% #ED3B3B	RGB 237 59 59	#ED3B3B
16.7%	16.7% #E13232	RGB 225 50 50	#E13232
33.3%	33.3% #D52A2A	RGB 213 42 42	#D52A2A
50.0%	50.0% #CA2222	RGB 202 34 34	#CA2222
66.7%	66.7% #BE1B1B	RGB 190 27 27	#BE1B1B
83.3%	83.3% #B21414	RGB 178 20 20	#B21414
100.0%	100.0% #A70F0F	RGB 167 15 15	#A70F0F

#ED3B3B #E13232 #D52A2A #CA2222 #BE1B1B #B21414 #A70F0F

#ED3C3C - #CA2222 - #A70F0F

CSS代码

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

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