#030302 - #000000 | colorate

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

Blend #030302 to #000000

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

RGB混合

#030302 - #000000 | colorate

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

0.0%	0.0% #030302	RGB 3 3 2	#030302
16.7%	16.7% #020201	RGB 2 2 1	#020201
33.3%	33.3% #020201	RGB 2 2 1	#020201
50.0%	50.0% #010101	RGB 1 1 1	#010101
66.7%	66.7% #010100	RGB 1 1 0	#010100
83.3%	83.3% #000000	RGB 0 0 0	#000000
100.0%	100.0% #000000	RGB 0 0 0	#000000

#030302 #020201 #020201 #010101 #010100 #000000 #000000

#030302 - #000000

HSV混合

#030302 - #000000 | colorate

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

0.0%	0.0% #030302	RGB 3 3 2	#030302
16.7%	16.7% #020201	RGB 2 2 1	#020201
33.3%	33.3% #020101	RGB 2 1 1	#020101
50.0%	50.0% #010101	RGB 1 1 1	#010101
66.7%	66.7% #010000	RGB 1 0 0	#010000
83.3%	83.3% #000000	RGB 0 0 0	#000000
100.0%	100.0% #000000	RGB 0 0 0	#000000

#030302 #020201 #020101 #010101 #010000 #000000 #000000

#030302 - #010101 - #000000

CSS代码

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

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