#8D6C92 - #FFB295 | colorate

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

Blend #8D6C92 to #FFB295

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

RGB混合

#8D6C92 - #FFB295 | colorate

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

0.0%	0.0% #8D6C92	RGB 141 108 146	#8D6C92
16.7%	16.7% #A07792	RGB 160 119 146	#A07792
33.3%	33.3% #B38393	RGB 179 131 147	#B38393
50.0%	50.0% #C68F93	RGB 198 143 147	#C68F93
66.7%	66.7% #D99A94	RGB 217 154 148	#D99A94
83.3%	83.3% #ECA694	RGB 236 166 148	#ECA694
100.0%	100.0% #FFB295	RGB 255 178 149	#FFB295

#8D6C92 #A07792 #B38393 #C68F93 #D99A94 #ECA694 #FFB295

#8D6C92 - #FFB295

HSV混合

#8D6C92 - #FFB295 | colorate

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

0.0%	0.0% #8D6C92	RGB 141 108 146	#8D6C92
16.7%	16.7% #A4759F	RGB 164 117 159	#A4759F
33.3%	33.3% #B67DA3	RGB 182 125 163	#B67DA3
50.0%	50.0% #C884A1	RGB 200 132 161	#C884A1
66.7%	66.7% #DA8B9A	RGB 218 139 154	#DA8B9A
83.3%	83.3% #EC9490	RGB 236 148 144	#EC9490
100.0%	100.0% #FFB295	RGB 255 178 149	#FFB295

#8D6C92 #A4759F #B67DA3 #C884A1 #DA8B9A #EC9490 #FFB295

#8D6C92 - #C884A1 - #FFB295

CSS代码

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

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