#5E072D - #AF3847 | colorate

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

Blend #5E072D to #AF3847

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

RGB混合

#5E072D - #AF3847 | colorate

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

0.0%	0.0% #5E072D	RGB 94 7 45	#5E072D
16.7%	16.7% #6B0F31	RGB 107 15 49	#6B0F31
33.3%	33.3% #791735	RGB 121 23 53	#791735
50.0%	50.0% #861F3A	RGB 134 31 58	#861F3A
66.7%	66.7% #94273E	RGB 148 39 62	#94273E
83.3%	83.3% #A12F42	RGB 161 47 66	#A12F42
100.0%	100.0% #AF3847	RGB 175 56 71	#AF3847

#5E072D #6B0F31 #791735 #861F3A #94273E #A12F42 #AF3847

#5E072D - #AF3847

HSV混合

#5E072D - #AF3847 | colorate

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

0.0%	0.0% #5E062D	RGB 94 6 45	#5E062D
16.7%	16.7% #6B0C31	RGB 107 12 49	#6B0C31
33.3%	33.3% #791234	RGB 121 18 52	#791234
50.0%	50.0% #861A38	RGB 134 26 56	#861A38
66.7%	66.7% #94233D	RGB 148 35 61	#94233D
83.3%	83.3% #A12D41	RGB 161 45 65	#A12D41
100.0%	100.0% #AF3847	RGB 175 56 71	#AF3847

#5E062D #6B0C31 #791234 #861A38 #94233D #A12D41 #AF3847

#5E072D - #861A38 - #AF3847

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E062D 0%, #861A38 50%, #AF3847 100%);
    background: -webkit-linear-gradient(top, #5E062D 0%, #861A38 50%, #AF3847 100%);
    background: linear-gradient(to bottom, #5E062D 0%, #861A38 50%, #AF3847 100%);
}
</style>