#5E95B7 - #24496B | colorate

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

Blend #5E95B7 to #24496B

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

RGB混合

#5E95B7 - #24496B | colorate

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

0.0%	0.0% #5E95B7	RGB 94 149 183	#5E95B7
16.7%	16.7% #5488AA	RGB 84 136 170	#5488AA
33.3%	33.3% #4A7B9D	RGB 74 123 157	#4A7B9D
50.0%	50.0% #416F91	RGB 65 111 145	#416F91
66.7%	66.7% #376284	RGB 55 98 132	#376284
83.3%	83.3% #2D5577	RGB 45 85 119	#2D5577
100.0%	100.0% #24496B	RGB 36 73 107	#24496B

#5E95B7 #5488AA #4A7B9D #416F91 #376284 #2D5577 #24496B

#5E95B7 - #24496B

HSV混合

#5E95B7 - #24496B | colorate

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

0.0%	0.0% #5E95B7	RGB 94 149 183	#5E95B7
16.7%	16.7% #5287AA	RGB 82 135 170	#5287AA
33.3%	33.3% #477A9D	RGB 71 122 157	#477A9D
50.0%	50.0% #3D6D91	RGB 61 109 145	#3D6D91
66.7%	66.7% #346084	RGB 52 96 132	#346084
83.3%	83.3% #2B5477	RGB 43 84 119	#2B5477
100.0%	100.0% #24496B	RGB 36 73 107	#24496B

#5E95B7 #5287AA #477A9D #3D6D91 #346084 #2B5477 #24496B

#5E95B7 - #3D6D91 - #24496B

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E95B7 0%, #3D6D91 50%, #24496B 100%);
    background: -webkit-linear-gradient(top, #5E95B7 0%, #3D6D91 50%, #24496B 100%);
    background: linear-gradient(to bottom, #5E95B7 0%, #3D6D91 50%, #24496B 100%);
}
</style>