#002F24 - #B6C3C0 | colorate

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

Blend #002F24 to #B6C3C0

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

RGB混合

#002F24 - #B6C3C0 | colorate

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

0.0%	0.0% #002F24	RGB 0 47 36	#002F24
16.7%	16.7% #1E473E	RGB 30 71 62	#1E473E
33.3%	33.3% #3C6058	RGB 60 96 88	#3C6058
50.0%	50.0% #5B7972	RGB 91 121 114	#5B7972
66.7%	66.7% #79918C	RGB 121 145 140	#79918C
83.3%	83.3% #97AAA6	RGB 151 170 166	#97AAA6
100.0%	100.0% #B6C3C0	RGB 182 195 192	#B6C3C0

#002F24 #1E473E #3C6058 #5B7972 #79918C #97AAA6 #B6C3C0

#002F24 - #B6C3C0

HSV混合

#002F24 - #B6C3C0 | colorate

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

0.0%	0.0% #002F23	RGB 0 47 35	#002F23
16.7%	16.7% #0B4739	RGB 11 71 57	#0B4739
33.3%	33.3% #1D6050	RGB 29 96 80	#1D6050
50.0%	50.0% #38796A	RGB 56 121 106	#38796A
66.7%	66.7% #5A9184	RGB 90 145 132	#5A9184
83.3%	83.3% #84AAA1	RGB 132 170 161	#84AAA1
100.0%	100.0% #B6C3C0	RGB 182 195 192	#B6C3C0

#002F23 #0B4739 #1D6050 #38796A #5A9184 #84AAA1 #B6C3C0

#002F24 - #38796A - #B6C3C0

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #002F23 0%, #38796A 50%, #B6C3C0 100%);
    background: -webkit-linear-gradient(top, #002F23 0%, #38796A 50%, #B6C3C0 100%);
    background: linear-gradient(to bottom, #002F23 0%, #38796A 50%, #B6C3C0 100%);
}
</style>