Xanh dương, xanh lá và xanh dương nhạt tông lạnh (gradient tuyến tính)

Bảng màu Xanh dương, xanh lá và xanh dương nhạt tông lạnh

Gradient tuyến tính, 32 màu, góc 90°: #3b3477, #00856c, #14ad68, #5bca85, #7bd7cc. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

8 keyframe OKLCH chỉnh sửa được.

#3b3477
#31407c
#234f7d
#195d7a
#1e6976
#217174
#1c7972
#0d7f70
#00856c
#008b67
#029064
#039463
#009963
#019d64
#08a264
#0ea866
#14ad68
#1bb26a
#25b76d
#30bb71
#3abf75
#45c37a
#4fc67f
#5bca85
#69cd8a
#75d191
#7dd399
#7fd6a3
#7dd7af
#7ad8bc
#7ad7c6
#7bd7cc

CSS

background: linear-gradient(90deg in oklch, oklch(37.01% 0.1102 284.06) 0.0%, oklch(39.04% 0.1028 270.90) 3.2%, oklch(41.98% 0.0915 251.81) 6.5%, oklch(45.22% 0.0804 230.87) 9.7%, oklch(48.18% 0.0736 212.18) 12.9%, oklch(50.39% 0.0747 198.78) 16.1%, oklch(52.17% 0.0829 188.24) 19.4%, oklch(53.70% 0.0948 179.71) 22.6%, oklch(55.11% 0.1060 172.77) 25.8%, oklch(56.50% 0.1157 167.07) 29.0%, oklch(57.80% 0.1242 163.18) 32.3%, oklch(59.00% 0.1307 161.00) 35.5%, oklch(60.17% 0.1366 159.75) 38.7%, oklch(61.43% 0.1419 158.69) 41.9%, oklch(62.83% 0.1469 157.41) 45.2%, oklch(64.35% 0.1518 156.52) 48.4%, oklch(65.92% 0.1560 155.92) 51.6%, oklch(67.46% 0.1589 155.46) 54.8%, oklch(68.91% 0.1600 155.01) 58.1%, oklch(70.28% 0.1594 154.61) 61.3%, oklch(71.60% 0.1573 154.33) 64.5%, oklch(72.90% 0.1540 154.15) 67.7%, oklch(74.22% 0.1495 154.08) 71.0%, oklch(75.62% 0.1435 153.71) 74.2%, oklch(77.11% 0.1355 152.87) 77.4%, oklch(78.54% 0.1268 152.49) 80.6%, oklch(79.76% 0.1185 153.54) 83.9%, oklch(80.64% 0.1115 157.07) 87.1%, oklch(81.20% 0.1048 163.91) 90.3%, oklch(81.53% 0.0985 172.37) 93.5%, oklch(81.73% 0.0933 180.35) 96.8%, oklch(81.89% 0.0896 185.78) 100.0%);

Trong các bộ sưu tập này

Gradient nhiều màu xanh lá

Bảng màu tương tự Bộ sưu tập Tải xuống PNG JSON bảng màu Markdown Cách hoạt động