#302B3E - #AE6E5E | colorate

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

Blend #302B3E to #AE6E5E

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

RGB混合

#302B3E - #AE6E5E | colorate

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

0.0%	0.0% #302B3E	RGB 48 43 62	#302B3E
16.7%	16.7% #453643	RGB 69 54 67	#453643
33.3%	33.3% #5A4148	RGB 90 65 72	#5A4148
50.0%	50.0% #6F4C4E	RGB 111 76 78	#6F4C4E
66.7%	66.7% #845753	RGB 132 87 83	#845753
83.3%	83.3% #996258	RGB 153 98 88	#996258
100.0%	100.0% #AE6E5E	RGB 174 110 94	#AE6E5E

#302B3E #453643 #5A4148 #6F4C4E #845753 #996258 #AE6E5E

#302B3E - #AE6E5E

HSV混合

#302B3E - #AE6E5E | colorate

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

0.0%	0.0% #302B3E	RGB 48 43 62	#302B3E
16.7%	16.7% #453550	RGB 69 53 80	#453550
33.3%	33.3% #603F63	RGB 96 63 99	#603F63
50.0%	50.0% #76486B	RGB 118 72 107	#76486B
66.7%	66.7% #885069	RGB 136 80 105	#885069
83.3%	83.3% #9B5760	RGB 155 87 96	#9B5760
100.0%	100.0% #AE6E5E	RGB 174 110 94	#AE6E5E

#302B3E #453550 #603F63 #76486B #885069 #9B5760 #AE6E5E

#302B3E - #76486B - #AE6E5E

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #302B3E 0%, #76486B 50%, #AE6E5E 100%);
    background: -webkit-linear-gradient(top, #302B3E 0%, #76486B 50%, #AE6E5E 100%);
    background: linear-gradient(to bottom, #302B3E 0%, #76486B 50%, #AE6E5E 100%);
}
</style>