#2D34DB - #4D8CFF | colorate

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

Blend #2D34DB to #4D8CFF

计算两种颜色#2D34DB和#4D8CFF之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#2D34DB - #4D8CFF | colorate

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

0.0%	0.0% #2D34DB	RGB 45 52 219	#2D34DB
16.7%	16.7% #3242E1	RGB 50 66 225	#3242E1
33.3%	33.3% #3751E7	RGB 55 81 231	#3751E7
50.0%	50.0% #3D60ED	RGB 61 96 237	#3D60ED
66.7%	66.7% #426EF3	RGB 66 110 243	#426EF3
83.3%	83.3% #477DF9	RGB 71 125 249	#477DF9
100.0%	100.0% #4D8CFF	RGB 77 140 255	#4D8CFF

#2D34DB #3242E1 #3751E7 #3D60ED #426EF3 #477DF9 #4D8CFF

#2D34DB - #4D8CFF

HSV混合

#2D34DB - #4D8CFF | colorate

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

0.0%	0.0% #2D33DB	RGB 45 51 219	#2D33DB
16.7%	16.7% #3142E1	RGB 49 66 225	#3142E1
33.3%	33.3% #3650E7	RGB 54 80 231	#3650E7
50.0%	50.0% #3C5EED	RGB 60 94 237	#3C5EED
66.7%	66.7% #416DF3	RGB 65 109 243	#416DF3
83.3%	83.3% #477CF9	RGB 71 124 249	#477CF9
100.0%	100.0% #4D8CFF	RGB 77 140 255	#4D8CFF

#2D33DB #3142E1 #3650E7 #3C5EED #416DF3 #477CF9 #4D8CFF

#2D34DB - #3C5EED - #4D8CFF

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D33DB 0%, #3C5EED 50%, #4D8CFF 100%);
    background: -webkit-linear-gradient(top, #2D33DB 0%, #3C5EED 50%, #4D8CFF 100%);
    background: linear-gradient(to bottom, #2D33DB 0%, #3C5EED 50%, #4D8CFF 100%);
}
</style>