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

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

Gradient tuyến tính, 32 màu, góc 45°: #113828, #1f6054, #23798c, #4e7ec0, #a16de5. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#113828
#123b2b
#143f2f
#164334
#184839
#1a4e40
#1c5446
#1e5a4d
#1f6054
#1f655c
#1f6a63
#1e6d69
#1d7170
#1d7377
#1e767e
#207885
#23798c
#277b93
#2c7c9a
#327da1
#387ea8
#3e7eb0
#457eb8
#4e7ec0
#587dc9
#637cd1
#6f7ad7
#7b77dd
#8675e1
#9172e3
#9a6fe4
#a16de5

CSS

background: linear-gradient(45deg in oklch, oklch(30.71% 0.0524 163.12) 0.0%, oklch(31.74% 0.0535 164.39) 3.2%, oklch(33.10% 0.0550 165.84) 6.5%, oklch(34.72% 0.0567 167.49) 9.7%, oklch(36.53% 0.0586 169.36) 12.9%, oklch(38.47% 0.0607 171.47) 16.1%, oklch(40.47% 0.0629 173.83) 19.4%, oklch(42.44% 0.0652 176.46) 22.6%, oklch(44.34% 0.0676 179.39) 25.8%, oklch(46.08% 0.0699 182.62) 29.0%, oklch(47.59% 0.0723 186.17) 32.3%, oklch(48.85% 0.0745 190.10) 35.5%, oklch(49.98% 0.0764 194.51) 38.7%, oklch(51.00% 0.0781 199.33) 41.9%, oklch(51.94% 0.0798 204.49) 45.2%, oklch(52.79% 0.0816 209.93) 48.4%, oklch(53.59% 0.0836 215.56) 51.6%, oklch(54.35% 0.0859 221.33) 54.8%, oklch(55.09% 0.0887 227.14) 58.1%, oklch(55.83% 0.0920 232.94) 61.3%, oklch(56.57% 0.0961 238.66) 64.5%, oklch(57.35% 0.1010 244.26) 67.7%, oklch(58.15% 0.1072 250.24) 71.0%, oklch(58.96% 0.1147 256.63) 74.2%, oklch(59.77% 0.1231 263.24) 77.4%, oklch(60.56% 0.1319 269.92) 80.6%, oklch(61.32% 0.1409 276.48) 83.9%, oklch(62.04% 0.1498 282.76) 87.1%, oklch(62.69% 0.1581 288.58) 90.3%, oklch(63.28% 0.1655 293.77) 93.5%, oklch(63.78% 0.1717 298.15) 96.8%, oklch(64.17% 0.1764 301.56) 100.0%);

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

Bạch đàn phủ sươ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