#C7323B - #FF7D3E | colorate

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

Blend #C7323B to #FF7D3E

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

RGB混合

#C7323B - #FF7D3E | colorate

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

0.0%	0.0% #C7323B	RGB 199 50 59	#C7323B
16.7%	16.7% #D03E3B	RGB 208 62 59	#D03E3B
33.3%	33.3% #D94B3C	RGB 217 75 60	#D94B3C
50.0%	50.0% #E3573C	RGB 227 87 60	#E3573C
66.7%	66.7% #EC643D	RGB 236 100 61	#EC643D
83.3%	83.3% #F5703D	RGB 245 112 61	#F5703D
100.0%	100.0% #FF7D3E	RGB 255 125 62	#FF7D3E

#C7323B #D03E3B #D94B3C #E3573C #EC643D #F5703D #FF7D3E

#C7323B - #FF7D3E

HSV混合

#C7323B - #FF7D3E | colorate

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

0.0%	0.0% #C7323B	RGB 199 50 59	#C7323B
16.7%	16.7% #D03434	RGB 208 52 52	#D03434
33.3%	33.3% #D94136	RGB 217 65 54	#D94136
50.0%	50.0% #E34E38	RGB 227 78 56	#E34E38
66.7%	66.7% #EC5D3A	RGB 236 93 58	#EC5D3A
83.3%	83.3% #F56C3C	RGB 245 108 60	#F56C3C
100.0%	100.0% #FF7D3E	RGB 255 125 62	#FF7D3E

#C7323B #D03434 #D94136 #E34E38 #EC5D3A #F56C3C #FF7D3E

#C7323B - #E34E38 - #FF7D3E

CSS代码

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

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