#AA3C60 - #30111B | colorate

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

Blend #AA3C60 to #30111B

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

RGB混合

#AA3C60 - #30111B | colorate

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

0.0%	0.0% #AA3C60	RGB 170 60 96	#AA3C60
16.7%	16.7% #953454	RGB 149 52 84	#953454
33.3%	33.3% #812D49	RGB 129 45 73	#812D49
50.0%	50.0% #6D263D	RGB 109 38 61	#6D263D
66.7%	66.7% #581F32	RGB 88 31 50	#581F32
83.3%	83.3% #441826	RGB 68 24 38	#441826
100.0%	100.0% #30111B	RGB 48 17 27	#30111B

#AA3C60 #953454 #812D49 #6D263D #581F32 #441826 #30111B

#AA3C60 - #30111B

HSV混合

#AA3C60 - #30111B | colorate

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

0.0%	0.0% #AA3C60	RGB 170 60 96	#AA3C60
16.7%	16.7% #953454	RGB 149 52 84	#953454
33.3%	33.3% #812D48	RGB 129 45 72	#812D48
50.0%	50.0% #6D263D	RGB 109 38 61	#6D263D
66.7%	66.7% #581F31	RGB 88 31 49	#581F31
83.3%	83.3% #441826	RGB 68 24 38	#441826
100.0%	100.0% #30111B	RGB 48 17 27	#30111B

#AA3C60 #953454 #812D48 #6D263D #581F31 #441826 #30111B

#AA3C60 - #6D263D - #30111B

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA3C60 0%, #6D263D 50%, #30111B 100%);
    background: -webkit-linear-gradient(top, #AA3C60 0%, #6D263D 50%, #30111B 100%);
    background: linear-gradient(to bottom, #AA3C60 0%, #6D263D 50%, #30111B 100%);
}
</style>