#093C3E - #B8C7C7 | colorate

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

Blend #093C3E to #B8C7C7

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

RGB混合

#093C3E - #B8C7C7 | colorate

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

0.0%	0.0% #093C3E	RGB 9 60 62	#093C3E
16.7%	16.7% #265354	RGB 38 83 84	#265354
33.3%	33.3% #436A6B	RGB 67 106 107	#436A6B
50.0%	50.0% #608182	RGB 96 129 130	#608182
66.7%	66.7% #7D9899	RGB 125 152 153	#7D9899
83.3%	83.3% #9AAFB0	RGB 154 175 176	#9AAFB0
100.0%	100.0% #B8C7C7	RGB 184 199 199	#B8C7C7

#093C3E #265354 #436A6B #608182 #7D9899 #9AAFB0 #B8C7C7

#093C3E - #B8C7C7

HSV混合

#093C3E - #B8C7C7 | colorate

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

0.0%	0.0% #083C3E	RGB 8 60 62	#083C3E
16.7%	16.7% #175254	RGB 23 82 84	#175254
33.3%	33.3% #2B6A6B	RGB 43 106 107	#2B6A6B
50.0%	50.0% #458182	RGB 69 129 130	#458182
66.7%	66.7% #659899	RGB 101 152 153	#659899
83.3%	83.3% #8CAFB0	RGB 140 175 176	#8CAFB0
100.0%	100.0% #B8C7C7	RGB 184 199 199	#B8C7C7

#083C3E #175254 #2B6A6B #458182 #659899 #8CAFB0 #B8C7C7

#093C3E - #458182 - #B8C7C7

CSS代码

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

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