#BF5E7A - #FEB191 | colorate

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

Blend #BF5E7A to #FEB191

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

RGB混合

#BF5E7A - #FEB191 | colorate

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

0.0%	0.0% #BF5E7A	RGB 191 94 122	#BF5E7A
16.7%	16.7% #C96B7D	RGB 201 107 125	#C96B7D
33.3%	33.3% #D47981	RGB 212 121 129	#D47981
50.0%	50.0% #DE8785	RGB 222 135 133	#DE8785
66.7%	66.7% #E99589	RGB 233 149 137	#E99589
83.3%	83.3% #F3A38D	RGB 243 163 141	#F3A38D
100.0%	100.0% #FEB191	RGB 254 177 145	#FEB191

#BF5E7A #C96B7D #D47981 #DE8785 #E99589 #F3A38D #FEB191

#BF5E7A - #FEB191

HSV混合

#BF5E7A - #FEB191 | colorate

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

0.0%	0.0% #BF5E79	RGB 191 94 121	#BF5E79
16.7%	16.7% #C96578	RGB 201 101 120	#C96578
33.3%	33.3% #D46D77	RGB 212 109 119	#D46D77
50.0%	50.0% #DE7676	RGB 222 118 118	#DE7676
66.7%	66.7% #E9897E	RGB 233 137 126	#E9897E
83.3%	83.3% #F39C87	RGB 243 156 135	#F39C87
100.0%	100.0% #FEB191	RGB 254 177 145	#FEB191

#BF5E79 #C96578 #D46D77 #DE7676 #E9897E #F39C87 #FEB191

#BF5E7A - #DE7676 - #FEB191

CSS代码

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

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