#FF3B7B - #A50038 | colorate

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

Blend #FF3B7B to #A50038

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

RGB混合

#FF3B7B - #A50038 | colorate

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

0.0%	0.0% #FF3B7B	RGB 255 59 123	#FF3B7B
16.7%	16.7% #F0316F	RGB 240 49 111	#F0316F
33.3%	33.3% #E12764	RGB 225 39 100	#E12764
50.0%	50.0% #D21D59	RGB 210 29 89	#D21D59
66.7%	66.7% #C3134E	RGB 195 19 78	#C3134E
83.3%	83.3% #B40943	RGB 180 9 67	#B40943
100.0%	100.0% #A50038	RGB 165 0 56	#A50038

#FF3B7B #F0316F #E12764 #D21D59 #C3134E #B40943 #A50038

#FF3B7B - #A50038

HSV混合

#FF3B7B - #A50038 | colorate

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

0.0%	0.0% #FF3B7B	RGB 255 59 123	#FF3B7B
16.7%	16.7% #F02E6D	RGB 240 46 109	#F02E6D
33.3%	33.3% #E12261	RGB 225 34 97	#E12261
50.0%	50.0% #D21856	RGB 210 24 86	#D21856
66.7%	66.7% #C30F4B	RGB 195 15 75	#C30F4B
83.3%	83.3% #B40641	RGB 180 6 65	#B40641
100.0%	100.0% #A50038	RGB 165 0 56	#A50038

#FF3B7B #F02E6D #E12261 #D21856 #C30F4B #B40641 #A50038

#FF3B7B - #D21856 - #A50038

CSS代码

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

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