#EE5E5B - #FAD1D0 | colorate

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

Blend #EE5E5B to #FAD1D0

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

RGB混合

#EE5E5B - #FAD1D0 | colorate

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

0.0%	0.0% #EE5E5B	RGB 238 94 91	#EE5E5B
16.7%	16.7% #F0716E	RGB 240 113 110	#F0716E
33.3%	33.3% #F28482	RGB 242 132 130	#F28482
50.0%	50.0% #F49795	RGB 244 151 149	#F49795
66.7%	66.7% #F6AAA9	RGB 246 170 169	#F6AAA9
83.3%	83.3% #F8BDBC	RGB 248 189 188	#F8BDBC
100.0%	100.0% #FAD1D0	RGB 250 209 208	#FAD1D0

#EE5E5B #F0716E #F28482 #F49795 #F6AAA9 #F8BDBC #FAD1D0

#EE5E5B - #FAD1D0

HSV混合

#EE5E5B - #FAD1D0 | colorate

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

0.0%	0.0% #EE5E5B	RGB 238 94 91	#EE5E5B
16.7%	16.7% #F0706D	RGB 240 112 109	#F0706D
33.3%	33.3% #F28380	RGB 242 131 128	#F28380
50.0%	50.0% #F49694	RGB 244 150 148	#F49694
66.7%	66.7% #F6A9A7	RGB 246 169 167	#F6A9A7
83.3%	83.3% #F8BDBB	RGB 248 189 187	#F8BDBB
100.0%	100.0% #FAD1D0	RGB 250 209 208	#FAD1D0

#EE5E5B #F0706D #F28380 #F49694 #F6A9A7 #F8BDBB #FAD1D0

#EE5E5B - #F49694 - #FAD1D0

CSS代码

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

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