Xanh hải quân, xanh cổ vịt, xanh lá và xanh lá đậm (gradient tuyến tính)

Bảng màu Xanh hải quân, xanh cổ vịt, xanh lá và xanh lá đậm

Gradient tuyến tính, 32 màu, góc 45°: #0a1730, #305176, #92c474, #3e8d53, #16452c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0a1730
#0d1b34
#121f3a
#182542
#1e2b4a
#253354
#2b3b5e
#2f456a
#305176
#2d6083
#25748f
#1e8a96
#2b9e96
#49b090
#6abc86
#84c37c
#92c474
#94c26d
#8ebc67
#81b462
#70ab5e
#5da15a
#4c9657
#3e8d53
#35844e
#2e7a49
#276f43
#22653d
#1e5b38
#1b5233
#184a2f
#16452c

CSS

background: linear-gradient(45deg in oklch, oklch(20.87% 0.0524 262.27) 0.0%, oklch(22.44% 0.0537 262.47) 3.2%, oklch(24.43% 0.0553 263.60) 6.5%, oklch(26.79% 0.0571 264.99) 9.7%, oklch(29.49% 0.0593 265.98) 12.9%, oklch(32.46% 0.0619 265.91) 16.1%, oklch(35.68% 0.0650 264.12) 19.4%, oklch(39.08% 0.0686 259.95) 22.6%, oklch(42.67% 0.0728 252.68) 25.8%, oklch(47.13% 0.0783 240.77) 29.0%, oklch(52.40% 0.0851 224.96) 32.3%, oklch(58.04% 0.0924 206.81) 35.5%, oklch(63.62% 0.0999 187.86) 38.7%, oklch(68.71% 0.1071 169.66) 41.9%, oklch(72.86% 0.1133 153.75) 45.2%, oklch(75.64% 0.1182 141.68) 48.4%, oklch(76.66% 0.1212 134.73) 51.6%, oklch(76.08% 0.1233 131.94) 54.8%, oklch(74.24% 0.1244 132.26) 58.1%, oklch(71.48% 0.1247 134.82) 61.3%, oklch(68.13% 0.1242 138.74) 64.5%, oklch(64.50% 0.1229 143.14) 67.7%, oklch(60.94% 0.1208 147.15) 71.0%, oklch(57.78% 0.1179 149.87) 74.2%, oklch(54.97% 0.1140 151.14) 77.4%, oklch(51.86% 0.1081 152.24) 80.6%, oklch(48.57% 0.1010 153.23) 83.9%, oklch(45.26% 0.0931 154.11) 87.1%, oklch(42.10% 0.0853 154.89) 90.3%, oklch(39.23% 0.0780 155.56) 93.5%, oklch(36.83% 0.0718 156.13) 96.8%, oklch(35.04% 0.0675 156.59) 100.0%);

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

Gradient nhiều màu xanh lá Đồng phục học sinh Buổi sáng tràm bông đỏ Gradient xanh dương và 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