#210003 - #532423 | colorate

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

Blend #210003 to #532423

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

RGB混合

#210003 - #532423 | colorate

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

0.0%	0.0% #210003	RGB 33 0 3	#210003
16.7%	16.7% #290608	RGB 41 6 8	#290608
33.3%	33.3% #310C0D	RGB 49 12 13	#310C0D
50.0%	50.0% #3A1213	RGB 58 18 19	#3A1213
66.7%	66.7% #421818	RGB 66 24 24	#421818
83.3%	83.3% #4A1E1D	RGB 74 30 29	#4A1E1D
100.0%	100.0% #532423	RGB 83 36 35	#532423

#210003 #290608 #310C0D #3A1213 #421818 #4A1E1D #532423

#210003 - #532423

HSV混合

#210003 - #532423 | colorate

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

0.0%	0.0% #210002	RGB 33 0 2	#210002
16.7%	16.7% #290205	RGB 41 2 5	#290205
33.3%	33.3% #310609	RGB 49 6 9	#310609
50.0%	50.0% #3A0C0D	RGB 58 12 13	#3A0C0D
66.7%	66.7% #421213	RGB 66 18 19	#421213
83.3%	83.3% #4A1A1A	RGB 74 26 26	#4A1A1A
100.0%	100.0% #532423	RGB 83 36 35	#532423

#210002 #290205 #310609 #3A0C0D #421213 #4A1A1A #532423

#210003 - #3A0C0D - #532423

CSS代码

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

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