#B80B5E - #FF5C73 | colorate

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

Blend #B80B5E to #FF5C73

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

RGB混合

#B80B5E - #FF5C73 | colorate

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

0.0%	0.0% #B80B5E	RGB 184 11 94	#B80B5E
16.7%	16.7% #C31861	RGB 195 24 97	#C31861
33.3%	33.3% #CF2665	RGB 207 38 101	#CF2665
50.0%	50.0% #DB3368	RGB 219 51 104	#DB3368
66.7%	66.7% #E7416C	RGB 231 65 108	#E7416C
83.3%	83.3% #F34E6F	RGB 243 78 111	#F34E6F
100.0%	100.0% #FF5C73	RGB 255 92 115	#FF5C73

#B80B5E #C31861 #CF2665 #DB3368 #E7416C #F34E6F #FF5C73

#B80B5E - #FF5C73

HSV混合

#B80B5E - #FF5C73 | colorate

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

0.0%	0.0% #B80B5E	RGB 184 11 94	#B80B5E
16.7%	16.7% #C3155F	RGB 195 21 95	#C3155F
33.3%	33.3% #CF2161	RGB 207 33 97	#CF2161
50.0%	50.0% #DB2E63	RGB 219 46 99	#DB2E63
66.7%	66.7% #E73C67	RGB 231 60 103	#E73C67
83.3%	83.3% #F34B6C	RGB 243 75 108	#F34B6C
100.0%	100.0% #FF5C73	RGB 255 92 115	#FF5C73

#B80B5E #C3155F #CF2161 #DB2E63 #E73C67 #F34B6C #FF5C73

#B80B5E - #DB2E63 - #FF5C73

CSS代码

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

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