#DD5E4D - #F5D1CC | colorate

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

Blend #DD5E4D to #F5D1CC

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

RGB混合

#DD5E4D - #F5D1CC | colorate

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

0.0%	0.0% #DD5E4D	RGB 221 94 77	#DD5E4D
16.7%	16.7% #E17162	RGB 225 113 98	#E17162
33.3%	33.3% #E58477	RGB 229 132 119	#E58477
50.0%	50.0% #E9978C	RGB 233 151 140	#E9978C
66.7%	66.7% #EDAAA1	RGB 237 170 161	#EDAAA1
83.3%	83.3% #F1BDB6	RGB 241 189 182	#F1BDB6
100.0%	100.0% #F5D1CC	RGB 245 209 204	#F5D1CC

#DD5E4D #E17162 #E58477 #E9978C #EDAAA1 #F1BDB6 #F5D1CC

#DD5E4D - #F5D1CC

HSV混合

#DD5E4D - #F5D1CC | colorate

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

0.0%	0.0% #DD5E4D	RGB 221 94 77	#DD5E4D
16.7%	16.7% #E16F60	RGB 225 111 96	#E16F60
33.3%	33.3% #E58274	RGB 229 130 116	#E58274
50.0%	50.0% #E99589	RGB 233 149 137	#E99589
66.7%	66.7% #EDA89F	RGB 237 168 159	#EDA89F
83.3%	83.3% #F1BCB5	RGB 241 188 181	#F1BCB5
100.0%	100.0% #F5D1CC	RGB 245 209 204	#F5D1CC

#DD5E4D #E16F60 #E58274 #E99589 #EDA89F #F1BCB5 #F5D1CC

#DD5E4D - #E99589 - #F5D1CC

CSS代码

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

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