Xanh dương nhạt, xanh lá, xanh hải quân và tím đậm (gradient tuyến tính)

Bảng màu Xanh dương nhạt, xanh lá, xanh hải quân và tím đậm

Gradient tuyến tính, 32 màu, góc 315°: #e4d7ff, #80b99b, #4d7a51, #00485a, #380a27. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#e4d7ff
#d9d5ff
#c9d3ff
#b2d1ff
#91d1fc
#7fcfe6
#77cacc
#79c3b2
#80b99b
#85af89
#86a67b
#839d71
#7e9568
#758e60
#6a8759
#5d8054
#4d7a51
#3b7450
#266e51
#016753
#005f56
#005757
#005058
#00485a
#003f5f
#133561
#242b5b
#2e2252
#341a46
#37143b
#380e30
#380a27

CSS

background: linear-gradient(315deg in oklch, oklch(90.16% 0.0561 300.24) 0.0%, oklch(88.91% 0.0579 289.86) 3.2%, oklch(87.34% 0.0621 275.38) 6.5%, oklch(85.49% 0.0721 257.85) 9.7%, oklch(83.41% 0.0888 238.31) 12.9%, oklch(81.15% 0.0849 217.81) 16.1%, oklch(78.76% 0.0810 197.39) 19.4%, oklch(76.29% 0.0775 178.10) 22.6%, oklch(73.79% 0.0744 160.99) 25.8%, oklch(71.31% 0.0720 147.09) 29.0%, oklch(68.89% 0.0705 137.46) 32.3%, oklch(66.53% 0.0702 132.53) 35.5%, oklch(64.06% 0.0709 130.68) 38.7%, oklch(61.49% 0.0724 131.47) 41.9%, oklch(58.86% 0.0746 134.57) 45.2%, oklch(56.20% 0.0772 139.66) 48.4%, oklch(53.55% 0.0800 146.41) 51.6%, oklch(50.92% 0.0828 154.49) 54.8%, oklch(48.37% 0.0854 163.59) 58.1%, oklch(45.91% 0.0876 173.38) 61.3%, oklch(43.59% 0.0774 183.52) 64.5%, oklch(41.42% 0.0708 193.91) 67.7%, oklch(39.28% 0.0673 206.61) 71.0%, oklch(37.15% 0.0685 221.73) 74.2%, oklch(35.07% 0.0784 238.56) 77.4%, oklch(33.05% 0.0871 256.31) 80.6%, oklch(31.14% 0.0857 274.45) 83.9%, oklch(29.35% 0.0843 292.23) 87.1%, oklch(27.71% 0.0829 308.93) 90.3%, oklch(26.26% 0.0816 323.87) 93.5%, oklch(25.02% 0.0806 336.35) 96.8%, oklch(24.02% 0.0799 345.67) 100.0%);

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

Bảng màu phù thủy

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