#08232B - #B8C0C2 | colorate

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

Blend #08232B to #B8C0C2

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

RGB混合

#08232B - #B8C0C2 | colorate

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

0.0%	0.0% #08232B	RGB 8 35 43	#08232B
16.7%	16.7% #253D44	RGB 37 61 68	#253D44
33.3%	33.3% #42575D	RGB 66 87 93	#42575D
50.0%	50.0% #607176	RGB 96 113 118	#607176
66.7%	66.7% #7D8B8F	RGB 125 139 143	#7D8B8F
83.3%	83.3% #9AA5A8	RGB 154 165 168	#9AA5A8
100.0%	100.0% #B8C0C2	RGB 184 192 194	#B8C0C2

#08232B #253D44 #42575D #607176 #7D8B8F #9AA5A8 #B8C0C2

#08232B - #B8C0C2

HSV混合

#08232B - #B8C0C2 | colorate

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

0.0%	0.0% #08232B	RGB 8 35 43	#08232B
16.7%	16.7% #153944	RGB 21 57 68	#153944
33.3%	33.3% #29515D	RGB 41 81 93	#29515D
50.0%	50.0% #436B76	RGB 67 107 118	#436B76
66.7%	66.7% #63868F	RGB 99 134 143	#63868F
83.3%	83.3% #8AA2A8	RGB 138 162 168	#8AA2A8
100.0%	100.0% #B8C0C2	RGB 184 192 194	#B8C0C2

#08232B #153944 #29515D #436B76 #63868F #8AA2A8 #B8C0C2

#08232B - #436B76 - #B8C0C2

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #08232B 0%, #436B76 50%, #B8C0C2 100%);
    background: -webkit-linear-gradient(top, #08232B 0%, #436B76 50%, #B8C0C2 100%);
    background: linear-gradient(to bottom, #08232B 0%, #436B76 50%, #B8C0C2 100%);
}
</style>