#B63C5E - #FE8D70 | colorate

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

Blend #B63C5E to #FE8D70

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

RGB混合

#B63C5E - #FE8D70 | colorate

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

0.0%	0.0% #B63C5E	RGB 182 60 94	#B63C5E
16.7%	16.7% #C24961	RGB 194 73 97	#C24961
33.3%	33.3% #CE5764	RGB 206 87 100	#CE5764
50.0%	50.0% #DA6467	RGB 218 100 103	#DA6467
66.7%	66.7% #E6726A	RGB 230 114 106	#E6726A
83.3%	83.3% #F27F6D	RGB 242 127 109	#F27F6D
100.0%	100.0% #FE8D70	RGB 254 141 112	#FE8D70

#B63C5E #C24961 #CE5764 #DA6467 #E6726A #F27F6D #FE8D70

#B63C5E - #FE8D70

HSV混合

#B63C5E - #FE8D70 | colorate

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

0.0%	0.0% #B63C5E	RGB 182 60 94	#B63C5E
16.7%	16.7% #C2435C	RGB 194 67 92	#C2435C
33.3%	33.3% #CE4B5A	RGB 206 75 90	#CE4B5A
50.0%	50.0% #DA5358	RGB 218 83 88	#DA5358
66.7%	66.7% #E6625C	RGB 230 98 92	#E6625C
83.3%	83.3% #F27766	RGB 242 119 102	#F27766
100.0%	100.0% #FE8D70	RGB 254 141 112	#FE8D70

#B63C5E #C2435C #CE4B5A #DA5358 #E6625C #F27766 #FE8D70

#B63C5E - #DA5358 - #FE8D70

CSS代码

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

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