Xanh hải quân, xanh lá và be (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 305°: #0c2339, #68413c, #868a46, #a3c683, #f0f3d2. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0c2339
#16253e
#212742
#2e2946
#3b2c47
#482f46
#543443
#5f3a40
#68413c
#6e4a39
#735338
#775b39
#7b643a
#7e6d3b
#82773e
#848041
#868a46
#88944c
#8a9d53
#8ca65b
#8faf64
#93b76e
#9abf78
#a3c683
#aecd8d
#bad498
#c6daa3
#d2e0ae
#dce6b9
#e4ebc3
#ebefcc
#f0f3d2

CSS

background: linear-gradient(305deg in oklch, oklch(25.20% 0.0510 249.61) 0.0%, oklch(26.47% 0.0513 260.06) 3.2%, oklch(28.09% 0.0515 274.03) 6.5%, oklch(29.99% 0.0516 290.74) 9.7%, oklch(32.13% 0.0517 309.43) 12.9%, oklch(34.44% 0.0520 329.32) 16.1%, oklch(36.89% 0.0525 349.65) 19.4%, oklch(39.40% 0.0533 9.64) 22.6%, oklch(41.94% 0.0545 28.53) 25.8%, oklch(44.44% 0.0562 45.54) 29.0%, oklch(46.86% 0.0584 59.91) 32.3%, oklch(49.19% 0.0615 71.44) 35.5%, oklch(51.58% 0.0660 81.63) 38.7%, oklch(54.01% 0.0717 90.67) 41.9%, oklch(56.49% 0.0780 98.65) 45.2%, oklch(58.98% 0.0846 105.62) 48.4%, oklch(61.49% 0.0911 111.66) 51.6%, oklch(63.99% 0.0971 116.83) 54.8%, oklch(66.46% 0.1021 121.20) 58.1%, oklch(68.90% 0.1057 124.85) 61.3%, oklch(71.28% 0.1075 127.83) 64.5%, oklch(73.61% 0.1071 130.16) 67.7%, oklch(76.03% 0.1042 131.13) 71.0%, oklch(78.53% 0.0992 130.73) 74.2%, oklch(81.07% 0.0927 129.24) 77.4%, oklch(83.59% 0.0850 126.94) 80.6%, oklch(86.03% 0.0767 124.11) 83.9%, oklch(88.35% 0.0683 121.01) 87.1%, oklch(90.48% 0.0602 117.93) 90.3%, oklch(92.39% 0.0529 115.13) 93.5%, oklch(94.00% 0.0469 112.91) 96.8%, oklch(95.28% 0.0427 111.53) 100.0%);

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

Gradient rừng

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