#CDCC5E - #F0EFD1 | colorate

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

Blend #CDCC5E to #F0EFD1

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

RGB混合

#CDCC5E - #F0EFD1 | colorate

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

0.0%	0.0% #CDCC5E	RGB 205 204 94	#CDCC5E
16.7%	16.7% #D2D171	RGB 210 209 113	#D2D171
33.3%	33.3% #D8D784	RGB 216 215 132	#D8D784
50.0%	50.0% #DEDD97	RGB 222 221 151	#DEDD97
66.7%	66.7% #E4E3AA	RGB 228 227 170	#E4E3AA
83.3%	83.3% #EAE9BD	RGB 234 233 189	#EAE9BD
100.0%	100.0% #F0EFD1	RGB 240 239 209	#F0EFD1

#CDCC5E #D2D171 #D8D784 #DEDD97 #E4E3AA #EAE9BD #F0EFD1

#CDCC5E - #F0EFD1

HSV混合

#CDCC5E - #F0EFD1 | colorate

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

0.0%	0.0% #CDCC5E	RGB 205 204 94	#CDCC5E
16.7%	16.7% #D2D16F	RGB 210 209 111	#D2D16F
33.3%	33.3% #D8D781	RGB 216 215 129	#D8D781
50.0%	50.0% #DEDC93	RGB 222 220 147	#DEDC93
66.7%	66.7% #E4E2A7	RGB 228 226 167	#E4E2A7
83.3%	83.3% #EAE8BB	RGB 234 232 187	#EAE8BB
100.0%	100.0% #F0EFD1	RGB 240 239 209	#F0EFD1

#CDCC5E #D2D16F #D8D781 #DEDC93 #E4E2A7 #EAE8BB #F0EFD1

#CDCC5E - #DEDC93 - #F0EFD1

CSS代码

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

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