#EC5F5E - #FFDDA0 | colorate

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

Blend #EC5F5E to #FFDDA0

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

RGB混合

#EC5F5E - #FFDDA0 | colorate

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

0.0%	0.0% #EC5F5E	RGB 236 95 94	#EC5F5E
16.7%	16.7% #EF7469	RGB 239 116 105	#EF7469
33.3%	33.3% #F28974	RGB 242 137 116	#F28974
50.0%	50.0% #F59E7F	RGB 245 158 127	#F59E7F
66.7%	66.7% #F8B38A	RGB 248 179 138	#F8B38A
83.3%	83.3% #FBC895	RGB 251 200 149	#FBC895
100.0%	100.0% #FFDDA0	RGB 255 221 160	#FFDDA0

#EC5F5E #EF7469 #F28974 #F59E7F #F8B38A #FBC895 #FFDDA0

#EC5F5E - #FFDDA0

HSV混合

#EC5F5E - #FFDDA0 | colorate

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

0.0%	0.0% #EC5F5E	RGB 236 95 94	#EC5F5E
16.7%	16.7% #EF7768	RGB 239 119 104	#EF7768
33.3%	33.3% #F28E73	RGB 242 142 115	#F28E73
50.0%	50.0% #F5A47D	RGB 245 164 125	#F5A47D
66.7%	66.7% #F8B989	RGB 248 185 137	#F8B989
83.3%	83.3% #FBCB94	RGB 251 203 148	#FBCB94
100.0%	100.0% #FFDDA0	RGB 255 221 160	#FFDDA0

#EC5F5E #EF7768 #F28E73 #F5A47D #F8B989 #FBCB94 #FFDDA0

#EC5F5E - #F5A47D - #FFDDA0

CSS代码

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

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