#5E3E5D - #DC8069 | colorate

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

Blend #5E3E5D to #DC8069

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

RGB混合

#5E3E5D - #DC8069 | colorate

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

0.0%	0.0% #5E3E5D	RGB 94 62 93	#5E3E5D
16.7%	16.7% #73495F	RGB 115 73 95	#73495F
33.3%	33.3% #885461	RGB 136 84 97	#885461
50.0%	50.0% #9D5F63	RGB 157 95 99	#9D5F63
66.7%	66.7% #B26A65	RGB 178 106 101	#B26A65
83.3%	83.3% #C77567	RGB 199 117 103	#C77567
100.0%	100.0% #DC8069	RGB 220 128 105	#DC8069

#5E3E5D #73495F #885461 #9D5F63 #B26A65 #C77567 #DC8069

#5E3E5D - #DC8069

HSV混合

#5E3E5D - #DC8069 | colorate

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

0.0%	0.0% #5E3E5D	RGB 94 62 93	#5E3E5D
16.7%	16.7% #734869	RGB 115 72 105	#734869
33.3%	33.3% #885171	RGB 136 81 113	#885171
50.0%	50.0% #9D5973	RGB 157 89 115	#9D5973
66.7%	66.7% #B25F6F	RGB 178 95 111	#B25F6F
83.3%	83.3% #C76565	RGB 199 101 101	#C76565
100.0%	100.0% #DC8069	RGB 220 128 105	#DC8069

#5E3E5D #734869 #885171 #9D5973 #B25F6F #C76565 #DC8069

#5E3E5D - #9D5973 - #DC8069

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3E5D 0%, #9D5973 50%, #DC8069 100%);
    background: -webkit-linear-gradient(top, #5E3E5D 0%, #9D5973 50%, #DC8069 100%);
    background: linear-gradient(to bottom, #5E3E5D 0%, #9D5973 50%, #DC8069 100%);
}
</style>