#5E95C7 - #21487D | colorate

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

Blend #5E95C7 to #21487D

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

RGB混合

#5E95C7 - #21487D | colorate

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

0.0%	0.0% #5E95C7	RGB 94 149 199	#5E95C7
16.7%	16.7% #5388BA	RGB 83 136 186	#5388BA
33.3%	33.3% #497BAE	RGB 73 123 174	#497BAE
50.0%	50.0% #3F6EA2	RGB 63 110 162	#3F6EA2
66.7%	66.7% #356195	RGB 53 97 149	#356195
83.3%	83.3% #2B5489	RGB 43 84 137	#2B5489
100.0%	100.0% #21487D	RGB 33 72 125	#21487D

#5E95C7 #5388BA #497BAE #3F6EA2 #356195 #2B5489 #21487D

#5E95C7 - #21487D

HSV混合

#5E95C7 - #21487D | colorate

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

0.0%	0.0% #5E95C7	RGB 94 149 199	#5E95C7
16.7%	16.7% #5186BA	RGB 81 134 186	#5186BA
33.3%	33.3% #4679AE	RGB 70 121 174	#4679AE
50.0%	50.0% #3B6CA2	RGB 59 108 162	#3B6CA2
66.7%	66.7% #315F95	RGB 49 95 149	#315F95
83.3%	83.3% #295389	RGB 41 83 137	#295389
100.0%	100.0% #21487D	RGB 33 72 125	#21487D

#5E95C7 #5186BA #4679AE #3B6CA2 #315F95 #295389 #21487D

#5E95C7 - #3B6CA2 - #21487D

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E95C7 0%, #3B6CA2 50%, #21487D 100%);
    background: -webkit-linear-gradient(top, #5E95C7 0%, #3B6CA2 50%, #21487D 100%);
    background: linear-gradient(to bottom, #5E95C7 0%, #3B6CA2 50%, #21487D 100%);
}
</style>