#2D2330 - #86528C | colorate

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

Blend #2D2330 to #86528C

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

RGB混合

#2D2330 - #86528C | colorate

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

0.0%	0.0% #2D2330	RGB 45 35 48	#2D2330
16.7%	16.7% #3B2A3F	RGB 59 42 63	#3B2A3F
33.3%	33.3% #4A324E	RGB 74 50 78	#4A324E
50.0%	50.0% #593A5E	RGB 89 58 94	#593A5E
66.7%	66.7% #68426D	RGB 104 66 109	#68426D
83.3%	83.3% #774A7C	RGB 119 74 124	#774A7C
100.0%	100.0% #86528C	RGB 134 82 140	#86528C

#2D2330 #3B2A3F #4A324E #593A5E #68426D #774A7C #86528C

#2D2330 - #86528C

HSV混合

#2D2330 - #86528C | colorate

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

0.0%	0.0% #2D2330	RGB 45 35 48	#2D2330
16.7%	16.7% #3B2C3F	RGB 59 44 63	#3B2C3F
33.3%	33.3% #49354E	RGB 73 53 78	#49354E
50.0%	50.0% #583D5E	RGB 88 61 94	#583D5E
66.7%	66.7% #67456D	RGB 103 69 109	#67456D
83.3%	83.3% #764B7C	RGB 118 75 124	#764B7C
100.0%	100.0% #86528C	RGB 134 82 140	#86528C

#2D2330 #3B2C3F #49354E #583D5E #67456D #764B7C #86528C

#2D2330 - #583D5E - #86528C

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D2330 0%, #583D5E 50%, #86528C 100%);
    background: -webkit-linear-gradient(top, #2D2330 0%, #583D5E 50%, #86528C 100%);
    background: linear-gradient(to bottom, #2D2330 0%, #583D5E 50%, #86528C 100%);
}
</style>