#1B5E56 - #013721 | colorate

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

Blend #1B5E56 to #013721

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

RGB混合

#1B5E56 - #013721 | colorate

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

0.0%	0.0% #1B5E56	RGB 27 94 86	#1B5E56
16.7%	16.7% #16574D	RGB 22 87 77	#16574D
33.3%	33.3% #125144	RGB 18 81 68	#125144
50.0%	50.0% #0E4A3B	RGB 14 74 59	#0E4A3B
66.7%	66.7% #094432	RGB 9 68 50	#094432
83.3%	83.3% #053D29	RGB 5 61 41	#053D29
100.0%	100.0% #013721	RGB 1 55 33	#013721

#1B5E56 #16574D #125144 #0E4A3B #094432 #053D29 #013721

#1B5E56 - #013721

HSV混合

#1B5E56 - #013721 | colorate

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

0.0%	0.0% #1B5E56	RGB 27 94 86	#1B5E56
16.7%	16.7% #15574C	RGB 21 87 76	#15574C
33.3%	33.3% #105142	RGB 16 81 66	#105142
50.0%	50.0% #0B4A39	RGB 11 74 57	#0B4A39
66.7%	66.7% #074431	RGB 7 68 49	#074431
83.3%	83.3% #033D28	RGB 3 61 40	#033D28
100.0%	100.0% #013721	RGB 1 55 33	#013721

#1B5E56 #15574C #105142 #0B4A39 #074431 #033D28 #013721

#1B5E56 - #0B4A39 - #013721

CSS代码

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

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