#C9667D - #841A34 | colorate

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

Blend #C9667D to #841A34

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

RGB混合

#C9667D - #841A34 | colorate

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

0.0%	0.0% #C9667D	RGB 201 102 125	#C9667D
16.7%	16.7% #BD5970	RGB 189 89 112	#BD5970
33.3%	33.3% #B24C64	RGB 178 76 100	#B24C64
50.0%	50.0% #A64058	RGB 166 64 88	#A64058
66.7%	66.7% #9B334C	RGB 155 51 76	#9B334C
83.3%	83.3% #8F2640	RGB 143 38 64	#8F2640
100.0%	100.0% #841A34	RGB 132 26 52	#841A34

#C9667D #BD5970 #B24C64 #A64058 #9B334C #8F2640 #841A34

#C9667D - #841A34

HSV混合

#C9667D - #841A34 | colorate

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

0.0%	0.0% #C9667D	RGB 201 102 125	#C9667D
16.7%	16.7% #BD566E	RGB 189 86 110	#BD566E
33.3%	33.3% #B24761	RGB 178 71 97	#B24761
50.0%	50.0% #A63A54	RGB 166 58 84	#A63A54
66.7%	66.7% #9B2E48	RGB 155 46 72	#9B2E48
83.3%	83.3% #8F233D	RGB 143 35 61	#8F233D
100.0%	100.0% #841A34	RGB 132 26 52	#841A34

#C9667D #BD566E #B24761 #A63A54 #9B2E48 #8F233D #841A34

#C9667D - #A63A54 - #841A34

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C9667D 0%, #A63A54 50%, #841A34 100%);
    background: -webkit-linear-gradient(top, #C9667D 0%, #A63A54 50%, #841A34 100%);
    background: linear-gradient(to bottom, #C9667D 0%, #A63A54 50%, #841A34 100%);
}
</style>