#FF5A5E - #FFBA6D | colorate

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

Blend #FF5A5E to #FFBA6D

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

RGB混合

#FF5A5E - #FFBA6D | colorate

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

0.0%	0.0% #FF5A5E	RGB 255 90 94	#FF5A5E
16.7%	16.7% #FF6A60	RGB 255 106 96	#FF6A60
33.3%	33.3% #FF7A63	RGB 255 122 99	#FF7A63
50.0%	50.0% #FF8A65	RGB 255 138 101	#FF8A65
66.7%	66.7% #FF9A68	RGB 255 154 104	#FF9A68
83.3%	83.3% #FFAA6A	RGB 255 170 106	#FFAA6A
100.0%	100.0% #FFBA6D	RGB 255 186 109	#FFBA6D

#FF5A5E #FF6A60 #FF7A63 #FF8A65 #FF9A68 #FFAA6A #FFBA6D

#FF5A5E - #FFBA6D

HSV混合

#FF5A5E - #FFBA6D | colorate

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

0.0%	0.0% #FF595E	RGB 255 89 94	#FF595E
16.7%	16.7% #FF685D	RGB 255 104 93	#FF685D
33.3%	33.3% #FF7960	RGB 255 121 96	#FF7960
50.0%	50.0% #FF8A63	RGB 255 138 99	#FF8A63
66.7%	66.7% #FF9A66	RGB 255 154 102	#FF9A66
83.3%	83.3% #FFAA69	RGB 255 170 105	#FFAA69
100.0%	100.0% #FFBA6D	RGB 255 186 109	#FFBA6D

#FF595E #FF685D #FF7960 #FF8A63 #FF9A66 #FFAA69 #FFBA6D

#FF5A5E - #FF8A63 - #FFBA6D

CSS代码

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

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