#EF4D4D - #FFAC64 | colorate

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

Blend #EF4D4D to #FFAC64

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

RGB混合

#EF4D4D - #FFAC64 | colorate

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

0.0%	0.0% #EF4D4D	RGB 239 77 77	#EF4D4D
16.7%	16.7% #F15C50	RGB 241 92 80	#F15C50
33.3%	33.3% #F46C54	RGB 244 108 84	#F46C54
50.0%	50.0% #F77C58	RGB 247 124 88	#F77C58
66.7%	66.7% #F98C5C	RGB 249 140 92	#F98C5C
83.3%	83.3% #FC9C60	RGB 252 156 96	#FC9C60
100.0%	100.0% #FFAC64	RGB 255 172 100	#FFAC64

#EF4D4D #F15C50 #F46C54 #F77C58 #F98C5C #FC9C60 #FFAC64

#EF4D4D - #FFAC64

HSV混合

#EF4D4D - #FFAC64 | colorate

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

0.0%	0.0% #EF4D4D	RGB 239 77 77	#EF4D4D
16.7%	16.7% #F15D50	RGB 241 93 80	#F15D50
33.3%	33.3% #F46D54	RGB 244 109 84	#F46D54
50.0%	50.0% #F77D58	RGB 247 125 88	#F77D58
66.7%	66.7% #F98C5C	RGB 249 140 92	#F98C5C
83.3%	83.3% #FC9C60	RGB 252 156 96	#FC9C60
100.0%	100.0% #FFAC64	RGB 255 172 100	#FFAC64

#EF4D4D #F15D50 #F46D54 #F77D58 #F98C5C #FC9C60 #FFAC64

#EF4D4D - #F77D58 - #FFAC64

CSS代码

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

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