#DB9683 - #3E2A25 | colorate

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

Blend #DB9683 to #3E2A25

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

RGB混合

#DB9683 - #3E2A25 | colorate

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

0.0%	0.0% #DB9683	RGB 219 150 131	#DB9683
16.7%	16.7% #C08473	RGB 192 132 115	#C08473
33.3%	33.3% #A67263	RGB 166 114 99	#A67263
50.0%	50.0% #8C6054	RGB 140 96 84	#8C6054
66.7%	66.7% #724E44	RGB 114 78 68	#724E44
83.3%	83.3% #583C34	RGB 88 60 52	#583C34
100.0%	100.0% #3E2A25	RGB 62 42 37	#3E2A25

#DB9683 #C08473 #A67263 #8C6054 #724E44 #583C34 #3E2A25

#DB9683 - #3E2A25

HSV混合

#DB9683 - #3E2A25 | colorate

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

0.0%	0.0% #DB9683	RGB 219 150 131	#DB9683
16.7%	16.7% #C08373	RGB 192 131 115	#C08373
33.3%	33.3% #A67163	RGB 166 113 99	#A67163
50.0%	50.0% #8C5F53	RGB 140 95 83	#8C5F53
66.7%	66.7% #724D44	RGB 114 77 68	#724D44
83.3%	83.3% #583B34	RGB 88 59 52	#583B34
100.0%	100.0% #3E2A25	RGB 62 42 37	#3E2A25

#DB9683 #C08373 #A67163 #8C5F53 #724D44 #583B34 #3E2A25

#DB9683 - #8C5F53 - #3E2A25

CSS代码

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

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