#FCFF5E - #D2DB19 | colorate

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

Blend #FCFF5E to #D2DB19

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

RGB混合

#FCFF5E - #D2DB19 | colorate

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

0.0%	0.0% #FCFF5E	RGB 252 255 94	#FCFF5E
16.7%	16.7% #F5F952	RGB 245 249 82	#F5F952
33.3%	33.3% #EEF347	RGB 238 243 71	#EEF347
50.0%	50.0% #E7ED3B	RGB 231 237 59	#E7ED3B
66.7%	66.7% #E0E730	RGB 224 231 48	#E0E730
83.3%	83.3% #D9E124	RGB 217 225 36	#D9E124
100.0%	100.0% #D2DB19	RGB 210 219 25	#D2DB19

#FCFF5E #F5F952 #EEF347 #E7ED3B #E0E730 #D9E124 #D2DB19

#FCFF5E - #D2DB19

HSV混合

#FCFF5E - #D2DB19 | colorate

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

0.0%	0.0% #FCFF5D	RGB 252 255 93	#FCFF5D
16.7%	16.7% #F5F951	RGB 245 249 81	#F5F951
33.3%	33.3% #EEF344	RGB 238 243 68	#EEF344
50.0%	50.0% #E7ED39	RGB 231 237 57	#E7ED39
66.7%	66.7% #E0E72D	RGB 224 231 45	#E0E72D
83.3%	83.3% #D9E123	RGB 217 225 35	#D9E123
100.0%	100.0% #D2DB19	RGB 210 219 25	#D2DB19

#FCFF5D #F5F951 #EEF344 #E7ED39 #E0E72D #D9E123 #D2DB19

#FCFF5E - #E7ED39 - #D2DB19

CSS代码

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

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