#453D5E - #CE867B | colorate

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

Blend #453D5E to #CE867B

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

RGB混合

#453D5E - #CE867B | colorate

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

0.0%	0.0% #453D5E	RGB 69 61 94	#453D5E
16.7%	16.7% #5B4962	RGB 91 73 98	#5B4962
33.3%	33.3% #725567	RGB 114 85 103	#725567
50.0%	50.0% #89616C	RGB 137 97 108	#89616C
66.7%	66.7% #A06D71	RGB 160 109 113	#A06D71
83.3%	83.3% #B77976	RGB 183 121 118	#B77976
100.0%	100.0% #CE867B	RGB 206 134 123	#CE867B

#453D5E #5B4962 #725567 #89616C #A06D71 #B77976 #CE867B

#453D5E - #CE867B

HSV混合

#453D5E - #CE867B | colorate

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

0.0%	0.0% #453D5E	RGB 69 61 94	#453D5E
16.7%	16.7% #5E4870	RGB 94 72 112	#5E4870
33.3%	33.3% #7D5283	RGB 125 82 131	#7D5283
50.0%	50.0% #965D8B	RGB 150 93 139	#965D8B
66.7%	66.7% #A86787	RGB 168 103 135	#A86787
83.3%	83.3% #BB717E	RGB 187 113 126	#BB717E
100.0%	100.0% #CE867B	RGB 206 134 123	#CE867B

#453D5E #5E4870 #7D5283 #965D8B #A86787 #BB717E #CE867B

#453D5E - #965D8B - #CE867B

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #453D5E 0%, #965D8B 50%, #CE867B 100%);
    background: -webkit-linear-gradient(top, #453D5E 0%, #965D8B 50%, #CE867B 100%);
    background: linear-gradient(to bottom, #453D5E 0%, #965D8B 50%, #CE867B 100%);
}
</style>