#DD3E5D - #FFBFA8 | colorate

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

Blend #DD3E5D to #FFBFA8

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

RGB混合

#DD3E5D - #FFBFA8 | colorate

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

0.0%	0.0% #DD3E5D	RGB 221 62 93	#DD3E5D
16.7%	16.7% #E25369	RGB 226 83 105	#E25369
33.3%	33.3% #E86976	RGB 232 105 118	#E86976
50.0%	50.0% #EE7E82	RGB 238 126 130	#EE7E82
66.7%	66.7% #F3948F	RGB 243 148 143	#F3948F
83.3%	83.3% #F9A99B	RGB 249 169 155	#F9A99B
100.0%	100.0% #FFBFA8	RGB 255 191 168	#FFBFA8

#DD3E5D #E25369 #E86976 #EE7E82 #F3948F #F9A99B #FFBFA8

#DD3E5D - #FFBFA8

HSV混合

#DD3E5D - #FFBFA8 | colorate

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

0.0%	0.0% #DD3E5D	RGB 221 62 93	#DD3E5D
16.7%	16.7% #E24D5F	RGB 226 77 95	#E24D5F
33.3%	33.3% #E85E64	RGB 232 94 100	#E85E64
50.0%	50.0% #EE746F	RGB 238 116 111	#EE746F
66.7%	66.7% #F38E81	RGB 243 142 129	#F38E81
83.3%	83.3% #F9A794	RGB 249 167 148	#F9A794
100.0%	100.0% #FFBFA8	RGB 255 191 168	#FFBFA8

#DD3E5D #E24D5F #E85E64 #EE746F #F38E81 #F9A794 #FFBFA8

#DD3E5D - #EE746F - #FFBFA8

CSS代码

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

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