#5E8AD6 - #CFDCDA | colorate

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

Blend #5E8AD6 to #CFDCDA

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

RGB混合

#5E8AD6 - #CFDCDA | colorate

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

0.0%	0.0% #5E8AD6	RGB 94 138 214	#5E8AD6
16.7%	16.7% #7097D6	RGB 112 151 214	#7097D6
33.3%	33.3% #83A5D7	RGB 131 165 215	#83A5D7
50.0%	50.0% #96B3D8	RGB 150 179 216	#96B3D8
66.7%	66.7% #A9C0D8	RGB 169 192 216	#A9C0D8
83.3%	83.3% #BCCED9	RGB 188 206 217	#BCCED9
100.0%	100.0% #CFDCDA	RGB 207 220 218	#CFDCDA

#5E8AD6 #7097D6 #83A5D7 #96B3D8 #A9C0D8 #BCCED9 #CFDCDA

#5E8AD6 - #CFDCDA

HSV混合

#5E8AD6 - #CFDCDA | colorate

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

0.0%	0.0% #5E8AD6	RGB 94 138 214	#5E8AD6
16.7%	16.7% #70A3D7	RGB 112 163 215	#70A3D7
33.3%	33.3% #82B8D8	RGB 130 184 216	#82B8D8
50.0%	50.0% #95C8D9	RGB 149 200 217	#95C8D9
66.7%	66.7% #A8D4DA	RGB 168 212 218	#A8D4DA
83.3%	83.3% #BBDBDA	RGB 187 219 218	#BBDBDA
100.0%	100.0% #CFDCDA	RGB 207 220 218	#CFDCDA

#5E8AD6 #70A3D7 #82B8D8 #95C8D9 #A8D4DA #BBDBDA #CFDCDA

#5E8AD6 - #95C8D9 - #CFDCDA

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8AD6 0%, #95C8D9 50%, #CFDCDA 100%);
    background: -webkit-linear-gradient(top, #5E8AD6 0%, #95C8D9 50%, #CFDCDA 100%);
    background: linear-gradient(to bottom, #5E8AD6 0%, #95C8D9 50%, #CFDCDA 100%);
}
</style>