#FFB9A8 - #E27A3E | colorate

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

Blend #FFB9A8 to #E27A3E

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

RGB混合

#FFB9A8 - #E27A3E | colorate

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

0.0%	0.0% #FFB9A8	RGB 255 185 168	#FFB9A8
16.7%	16.7% #FAAE96	RGB 250 174 150	#FAAE96
33.3%	33.3% #F5A484	RGB 245 164 132	#F5A484
50.0%	50.0% #F09973	RGB 240 153 115	#F09973
66.7%	66.7% #EB8F61	RGB 235 143 97	#EB8F61
83.3%	83.3% #E6844F	RGB 230 132 79	#E6844F
100.0%	100.0% #E27A3E	RGB 226 122 62	#E27A3E

#FFB9A8 #FAAE96 #F5A484 #F09973 #EB8F61 #E6844F #E27A3E

#FFB9A8 - #E27A3E

HSV混合

#FFB9A8 - #E27A3E | colorate

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

0.0%	0.0% #FFB9A8	RGB 255 185 168	#FFB9A8
16.7%	16.7% #FAAB94	RGB 250 171 148	#FAAB94
33.3%	33.3% #F59F82	RGB 245 159 130	#F59F82
50.0%	50.0% #F09470	RGB 240 148 112	#F09470
66.7%	66.7% #EB8A5E	RGB 235 138 94	#EB8A5E
83.3%	83.3% #E6814E	RGB 230 129 78	#E6814E
100.0%	100.0% #E27A3E	RGB 226 122 62	#E27A3E

#FFB9A8 #FAAB94 #F59F82 #F09470 #EB8A5E #E6814E #E27A3E

#FFB9A8 - #F09470 - #E27A3E

CSS代码

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

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