#503324 - #CDC4C0 | colorate

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

Blend #503324 to #CDC4C0

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

RGB混合

#503324 - #CDC4C0 | colorate

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

0.0%	0.0% #503324	RGB 80 51 36	#503324
16.7%	16.7% #644B3E	RGB 100 75 62	#644B3E
33.3%	33.3% #796358	RGB 121 99 88	#796358
50.0%	50.0% #8E7B72	RGB 142 123 114	#8E7B72
66.7%	66.7% #A3938C	RGB 163 147 140	#A3938C
83.3%	83.3% #B8ABA6	RGB 184 171 166	#B8ABA6
100.0%	100.0% #CDC4C0	RGB 205 196 192	#CDC4C0

#503324 #644B3E #796358 #8E7B72 #A3938C #B8ABA6 #CDC4C0

#503324 - #CDC4C0

HSV混合

#503324 - #CDC4C0 | colorate

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

0.0%	0.0% #503324	RGB 80 51 36	#503324
16.7%	16.7% #644535	RGB 100 69 53	#644535
33.3%	33.3% #795A4A	RGB 121 90 74	#795A4A
50.0%	50.0% #8E7062	RGB 142 112 98	#8E7062
66.7%	66.7% #A38A7E	RGB 163 138 126	#A38A7E
83.3%	83.3% #B8A59D	RGB 184 165 157	#B8A59D
100.0%	100.0% #CDC4C0	RGB 205 196 192	#CDC4C0

#503324 #644535 #795A4A #8E7062 #A38A7E #B8A59D #CDC4C0

#503324 - #8E7062 - #CDC4C0

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #503324 0%, #8E7062 50%, #CDC4C0 100%);
    background: -webkit-linear-gradient(top, #503324 0%, #8E7062 50%, #CDC4C0 100%);
    background: linear-gradient(to bottom, #503324 0%, #8E7062 50%, #CDC4C0 100%);
}
</style>