#5E4651 - #3E1412 | colorate

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

Blend #5E4651 to #3E1412

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

RGB混合

#5E4651 - #3E1412 | colorate

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

0.0%	0.0% #5E4651	RGB 94 70 81	#5E4651
16.7%	16.7% #583D46	RGB 88 61 70	#583D46
33.3%	33.3% #53353C	RGB 83 53 60	#53353C
50.0%	50.0% #4E2D31	RGB 78 45 49	#4E2D31
66.7%	66.7% #482427	RGB 72 36 39	#482427
83.3%	83.3% #431C1C	RGB 67 28 28	#431C1C
100.0%	100.0% #3E1412	RGB 62 20 18	#3E1412

#5E4651 #583D46 #53353C #4E2D31 #482427 #431C1C #3E1412

#5E4651 - #3E1412

HSV混合

#5E4651 - #3E1412 | colorate

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

0.0%	0.0% #5E4651	RGB 94 70 81	#5E4651
16.7%	16.7% #583B46	RGB 88 59 70	#583B46
33.3%	33.3% #53313B	RGB 83 49 59	#53313B
50.0%	50.0% #4E2830	RGB 78 40 48	#4E2830
66.7%	66.7% #482025	RGB 72 32 37	#482025
83.3%	83.3% #43181A	RGB 67 24 26	#43181A
100.0%	100.0% #3E1412	RGB 62 20 18	#3E1412

#5E4651 #583B46 #53313B #4E2830 #482025 #43181A #3E1412

#5E4651 - #4E2830 - #3E1412

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4651 0%, #4E2830 50%, #3E1412 100%);
    background: -webkit-linear-gradient(top, #5E4651 0%, #4E2830 50%, #3E1412 100%);
    background: linear-gradient(to bottom, #5E4651 0%, #4E2830 50%, #3E1412 100%);
}
</style>