#FF9C7D - #EC462B | colorate

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

Blend #FF9C7D to #EC462B

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

RGB混合

#FF9C7D - #EC462B | colorate

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

0.0%	0.0% #FF9C7D	RGB 255 156 125	#FF9C7D
16.7%	16.7% #FB8D6F	RGB 251 141 111	#FB8D6F
33.3%	33.3% #F87F61	RGB 248 127 97	#F87F61
50.0%	50.0% #F57154	RGB 245 113 84	#F57154
66.7%	66.7% #F26246	RGB 242 98 70	#F26246
83.3%	83.3% #EF5438	RGB 239 84 56	#EF5438
100.0%	100.0% #EC462B	RGB 236 70 43	#EC462B

#FF9C7D #FB8D6F #F87F61 #F57154 #F26246 #EF5438 #EC462B

#FF9C7D - #EC462B

HSV混合

#FF9C7D - #EC462B | colorate

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

0.0%	0.0% #FF9C7D	RGB 255 156 125	#FF9C7D
16.7%	16.7% #FB8D6E	RGB 251 141 110	#FB8D6E
33.3%	33.3% #F87F60	RGB 248 127 96	#F87F60
50.0%	50.0% #F57152	RGB 245 113 82	#F57152
66.7%	66.7% #F26245	RGB 242 98 69	#F26245
83.3%	83.3% #EF5437	RGB 239 84 55	#EF5437
100.0%	100.0% #EC462B	RGB 236 70 43	#EC462B

#FF9C7D #FB8D6E #F87F60 #F57152 #F26245 #EF5437 #EC462B

#FF9C7D - #F57152 - #EC462B

CSS代码

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

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