#ECE538 - #C9AF0E | colorate

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

Blend #ECE538 to #C9AF0E

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

RGB混合

#ECE538 - #C9AF0E | colorate

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

0.0%	0.0% #ECE538	RGB 236 229 56	#ECE538
16.7%	16.7% #E6DC31	RGB 230 220 49	#E6DC31
33.3%	33.3% #E0D32A	RGB 224 211 42	#E0D32A
50.0%	50.0% #DACA23	RGB 218 202 35	#DACA23
66.7%	66.7% #D4C11C	RGB 212 193 28	#D4C11C
83.3%	83.3% #CEB815	RGB 206 184 21	#CEB815
100.0%	100.0% #C9AF0E	RGB 201 175 14	#C9AF0E

#ECE538 #E6DC31 #E0D32A #DACA23 #D4C11C #CEB815 #C9AF0E

#ECE538 - #C9AF0E

HSV混合

#ECE538 - #C9AF0E | colorate

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

0.0%	0.0% #ECE538	RGB 236 229 56	#ECE538
16.7%	16.7% #E6DC30	RGB 230 220 48	#E6DC30
33.3%	33.3% #E0D328	RGB 224 211 40	#E0D328
50.0%	50.0% #DACA21	RGB 218 202 33	#DACA21
66.7%	66.7% #D4C11A	RGB 212 193 26	#D4C11A
83.3%	83.3% #CEB714	RGB 206 183 20	#CEB714
100.0%	100.0% #C9AF0E	RGB 201 175 14	#C9AF0E

#ECE538 #E6DC30 #E0D328 #DACA21 #D4C11A #CEB714 #C9AF0E

#ECE538 - #DACA21 - #C9AF0E

CSS代码

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

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