#ED486D - #FF7E5D | colorate

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

Blend #ED486D to #FF7E5D

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

RGB混合

#ED486D - #FF7E5D | colorate

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

0.0%	0.0% #ED486D	RGB 237 72 109	#ED486D
16.7%	16.7% #F0516A	RGB 240 81 106	#F0516A
33.3%	33.3% #F35A67	RGB 243 90 103	#F35A67
50.0%	50.0% #F66365	RGB 246 99 101	#F66365
66.7%	66.7% #F96C62	RGB 249 108 98	#F96C62
83.3%	83.3% #FC755F	RGB 252 117 95	#FC755F
100.0%	100.0% #FF7E5D	RGB 255 126 93	#FF7E5D

#ED486D #F0516A #F35A67 #F66365 #F96C62 #FC755F #FF7E5D

#ED486D - #FF7E5D

HSV混合

#ED486D - #FF7E5D | colorate

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

0.0%	0.0% #ED486C	RGB 237 72 108	#ED486C
16.7%	16.7% #F04B64	RGB 240 75 100	#F04B64
33.3%	33.3% #F34E5C	RGB 243 78 92	#F34E5C
50.0%	50.0% #F65253	RGB 246 82 83	#F65253
66.7%	66.7% #F95F55	RGB 249 95 85	#F95F55
83.3%	83.3% #FC6E59	RGB 252 110 89	#FC6E59
100.0%	100.0% #FF7E5D	RGB 255 126 93	#FF7E5D

#ED486C #F04B64 #F34E5C #F65253 #F95F55 #FC6E59 #FF7E5D

#ED486D - #F65253 - #FF7E5D

CSS代码

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

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