Xanh dương, xanh cổ vịt và xanh lá đậm tông lạnh (gradient tuyến tính)

Bảng màu Xanh dương, xanh cổ vịt và xanh lá đậm tông lạnh

Gradient tuyến tính, 32 màu, góc 90°: #3a439c, #08aca2, #04ac6c, #10874e, #055639. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#3a439c
#3558aa
#2b75ba
#2493c7
#2aaacc
#2eb4c9
#28b5be
#1cb1b0
#08aca2
#00aa97
#00aa90
#00ac8a
#00ad84
#00ae7f
#00ae78
#03ad72
#04ac6c
#06aa67
#0aa661
#0ea15d
#109b59
#109455
#108e51
#10874e
#0f814b
#0f7a48
#0e7345
#0c6d42
#096640
#07603d
#065a3a
#055639

CSS

background: linear-gradient(90deg in oklch, oklch(42.91% 0.1433 274.22) 0.0%, oklch(47.82% 0.1381 264.55) 3.2%, oklch(55.08% 0.1304 250.56) 6.5%, oklch(62.66% 0.1223 235.10) 9.7%, oklch(68.56% 0.1160 221.01) 12.9%, oklch(71.06% 0.1131 210.43) 16.1%, oklch(70.80% 0.1126 201.66) 19.4%, oklch(69.07% 0.1137 194.10) 22.6%, oklch(67.10% 0.1160 187.46) 25.8%, oklch(66.09% 0.1188 181.45) 29.0%, oklch(66.01% 0.1231 176.28) 32.3%, oklch(66.22% 0.1284 171.99) 35.5%, oklch(66.50% 0.1341 168.36) 38.7%, oklch(66.58% 0.1397 165.17) 41.9%, oklch(66.37% 0.1449 162.33) 45.2%, oklch(66.06% 0.1489 160.01) 48.4%, oklch(65.59% 0.1522 158.16) 51.6%, oklch(64.87% 0.1542 156.70) 54.8%, oklch(63.84% 0.1540 155.58) 58.1%, oklch(62.41% 0.1516 154.92) 61.3%, oklch(60.70% 0.1474 154.67) 64.5%, oklch(58.83% 0.1424 154.67) 67.7%, oklch(56.95% 0.1371 154.79) 71.0%, oklch(55.08% 0.1318 154.98) 74.2%, oklch(53.10% 0.1259 155.36) 77.4%, oklch(51.09% 0.1197 155.88) 80.6%, oklch(49.12% 0.1135 156.52) 83.9%, oklch(47.21% 0.1078 157.26) 87.1%, oklch(45.16% 0.1017 158.28) 90.3%, oklch(43.13% 0.0956 159.41) 93.5%, oklch(41.39% 0.0905 160.44) 96.8%, oklch(40.16% 0.0868 161.15) 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