#B05975 - #FBAA8D | colorate

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

Blend #B05975 to #FBAA8D

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

RGB混合

#B05975 - #FBAA8D | colorate

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

0.0%	0.0% #B05975	RGB 176 89 117	#B05975
16.7%	16.7% #BC6679	RGB 188 102 121	#BC6679
33.3%	33.3% #C9747D	RGB 201 116 125	#C9747D
50.0%	50.0% #D58181	RGB 213 129 129	#D58181
66.7%	66.7% #E28F85	RGB 226 143 133	#E28F85
83.3%	83.3% #EE9C89	RGB 238 156 137	#EE9C89
100.0%	100.0% #FBAA8D	RGB 251 170 141	#FBAA8D

#B05975 #BC6679 #C9747D #D58181 #E28F85 #EE9C89 #FBAA8D

#B05975 - #FBAA8D

HSV混合

#B05975 - #FBAA8D | colorate

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

0.0%	0.0% #B05974	RGB 176 89 116	#B05974
16.7%	16.7% #BC6175	RGB 188 97 117	#BC6175
33.3%	33.3% #C96975	RGB 201 105 117	#C96975
50.0%	50.0% #D57174	RGB 213 113 116	#D57174
66.7%	66.7% #E2817A	RGB 226 129 122	#E2817A
83.3%	83.3% #EE9583	RGB 238 149 131	#EE9583
100.0%	100.0% #FBAA8D	RGB 251 170 141	#FBAA8D

#B05974 #BC6175 #C96975 #D57174 #E2817A #EE9583 #FBAA8D

#B05975 - #D57174 - #FBAA8D

CSS代码

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

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