#FFECAD - #CEBC3C | colorate

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

Blend #FFECAD to #CEBC3C

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

RGB混合

#FFECAD - #CEBC3C | colorate

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

0.0%	0.0% #FFECAD	RGB 255 236 173	#FFECAD
16.7%	16.7% #F6E49A	RGB 246 228 154	#F6E49A
33.3%	33.3% #EEDC87	RGB 238 220 135	#EEDC87
50.0%	50.0% #E6D474	RGB 230 212 116	#E6D474
66.7%	66.7% #DECC61	RGB 222 204 97	#DECC61
83.3%	83.3% #D6C44E	RGB 214 196 78	#D6C44E
100.0%	100.0% #CEBC3C	RGB 206 188 60	#CEBC3C

#FFECAD #F6E49A #EEDC87 #E6D474 #DECC61 #D6C44E #CEBC3C

#FFECAD - #CEBC3C

HSV混合

#FFECAD - #CEBC3C | colorate

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

0.0%	0.0% #FFECAD	RGB 255 236 173	#FFECAD
16.7%	16.7% #F6E297	RGB 246 226 151	#F6E297
33.3%	33.3% #EED983	RGB 238 217 131	#EED983
50.0%	50.0% #E6D16F	RGB 230 209 111	#E6D16F
66.7%	66.7% #DEC95D	RGB 222 201 93	#DEC95D
83.3%	83.3% #D6C24C	RGB 214 194 76	#D6C24C
100.0%	100.0% #CEBC3C	RGB 206 188 60	#CEBC3C

#FFECAD #F6E297 #EED983 #E6D16F #DEC95D #D6C24C #CEBC3C

#FFECAD - #E6D16F - #CEBC3C

CSS代码

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

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