#3E3E4D - #19044C | colorate

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

Blend #3E3E4D to #19044C

#3E3E4D #19044C

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

RGB混合

#3E3E4D - #19044C | colorate

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

0.0%	0.0% #3E3E4D	RGB 62 62 77	#3E3E4D
16.7%	16.7% #37344C	RGB 55 52 76	#37344C
33.3%	33.3% #312A4C	RGB 49 42 76	#312A4C
50.0%	50.0% #2B214C	RGB 43 33 76	#2B214C
66.7%	66.7% #25174C	RGB 37 23 76	#25174C
83.3%	83.3% #1F0D4C	RGB 31 13 76	#1F0D4C
100.0%	100.0% #19044C	RGB 25 4 76	#19044C

#3E3E4D #37344C #312A4C #2B214C #25174C #1F0D4C #19044C

#3E3E4D - #19044C

HSV混合

#3E3E4D - #19044C | colorate

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

0.0%	0.0% #3E3E4D	RGB 62 62 77	#3E3E4D
16.7%	16.7% #35344C	RGB 53 52 76	#35344C
33.3%	33.3% #2D2A4C	RGB 45 42 76	#2D2A4C
50.0%	50.0% #27204C	RGB 39 32 76	#27204C
66.7%	66.7% #21174C	RGB 33 23 76	#21174C
83.3%	83.3% #1C0D4C	RGB 28 13 76	#1C0D4C
100.0%	100.0% #19044C	RGB 25 4 76	#19044C

#3E3E4D #35344C #2D2A4C #27204C #21174C #1C0D4C #19044C

#3E3E4D - #27204C - #19044C

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3E4D 0%, #27204C 50%, #19044C 100%);
    background: -webkit-linear-gradient(top, #3E3E4D 0%, #27204C 50%, #19044C 100%);
    background: linear-gradient(to bottom, #3E3E4D 0%, #27204C 50%, #19044C 100%);
}
</style>