#EB6B5F - #FFC47D | colorate

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

Blend #EB6B5F to #FFC47D

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

RGB混合

#EB6B5F - #FFC47D | colorate

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

0.0%	0.0% #EB6B5F	RGB 235 107 95	#EB6B5F
16.7%	16.7% #EE7964	RGB 238 121 100	#EE7964
33.3%	33.3% #F18869	RGB 241 136 105	#F18869
50.0%	50.0% #F5976E	RGB 245 151 110	#F5976E
66.7%	66.7% #F8A673	RGB 248 166 115	#F8A673
83.3%	83.3% #FBB578	RGB 251 181 120	#FBB578
100.0%	100.0% #FFC47D	RGB 255 196 125	#FFC47D

#EB6B5F #EE7964 #F18869 #F5976E #F8A673 #FBB578 #FFC47D

#EB6B5F - #FFC47D

HSV混合

#EB6B5F - #FFC47D | colorate

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

0.0%	0.0% #EB6B5E	RGB 235 107 94	#EB6B5E
16.7%	16.7% #EE7A63	RGB 238 122 99	#EE7A63
33.3%	33.3% #F18968	RGB 241 137 104	#F18968
50.0%	50.0% #F5986D	RGB 245 152 109	#F5986D
66.7%	66.7% #F8A772	RGB 248 167 114	#F8A772
83.3%	83.3% #FBB577	RGB 251 181 119	#FBB577
100.0%	100.0% #FFC47D	RGB 255 196 125	#FFC47D

#EB6B5E #EE7A63 #F18968 #F5986D #F8A772 #FBB577 #FFC47D

#EB6B5F - #F5986D - #FFC47D

CSS代码

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

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