#5E848F - #CEC4AF | colorate

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

Blend #5E848F to #CEC4AF

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

RGB混合

#5E848F - #CEC4AF | colorate

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

0.0%	0.0% #5E848F	RGB 94 132 143	#5E848F
16.7%	16.7% #708E94	RGB 112 142 148	#708E94
33.3%	33.3% #839999	RGB 131 153 153	#839999
50.0%	50.0% #96A49F	RGB 150 164 159	#96A49F
66.7%	66.7% #A8AEA4	RGB 168 174 164	#A8AEA4
83.3%	83.3% #BBB9A9	RGB 187 185 169	#BBB9A9
100.0%	100.0% #CEC4AF	RGB 206 196 175	#CEC4AF

#5E848F #708E94 #839999 #96A49F #A8AEA4 #BBB9A9 #CEC4AF

#5E848F - #CEC4AF

HSV混合

#5E848F - #CEC4AF | colorate

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

0.0%	0.0% #5E848F	RGB 94 132 143	#5E848F
16.7%	16.7% #69998F	RGB 105 153 143	#69998F
33.3%	33.3% #76A487	RGB 118 164 135	#76A487
50.0%	50.0% #85AE83	RGB 133 174 131	#85AE83
66.7%	66.7% #A4B991	RGB 164 185 145	#A4B991
83.3%	83.3% #BFC39F	RGB 191 195 159	#BFC39F
100.0%	100.0% #CEC4AF	RGB 206 196 175	#CEC4AF

#5E848F #69998F #76A487 #85AE83 #A4B991 #BFC39F #CEC4AF

#5E848F - #85AE83 - #CEC4AF

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E848F 0%, #85AE83 50%, #CEC4AF 100%);
    background: -webkit-linear-gradient(top, #5E848F 0%, #85AE83 50%, #CEC4AF 100%);
    background: linear-gradient(to bottom, #5E848F 0%, #85AE83 50%, #CEC4AF 100%);
}
</style>