Xanh hải quân, xanh dương, tím oải hương và hồng (gradient tuyến tính)

Bảng màu Xanh hải quân, xanh dương, tím oải hương và hồng

Gradient tuyến tính, 40 màu, góc 135°: #012b49, #2b3853, #3e6b90, #7a8adc, #f17f29. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#012b49
#042c4a
#082d4a
#0e2e4b
#132e4c
#17304c
#1c314d
#20324e
#243450
#283651
#2b3853
#2f3b56
#323e59
#35415d
#384562
#3a4a69
#3c4f70
#3e5677
#3e5c7f
#3e6488
#3e6b90
#3d7299
#3c79a1
#3c80a9
#3d85b2
#418abb
#498dc4
#558ecd
#668dd6
#7a8adc
#9185dd
#a780d9
#bd7ace
#d075bc
#df71a6
#ea708d
#f17173
#f37559
#f27a40
#f17f29

CSS

background: linear-gradient(135deg in oklch, oklch(27.95% 0.0703 245.39) 0.0%, oklch(28.35% 0.0692 246.44) 2.6%, oklch(28.78% 0.0676 247.90) 5.1%, oklch(29.25% 0.0656 249.69) 7.7%, oklch(29.78% 0.0632 251.72) 10.3%, oklch(30.36% 0.0607 253.90) 12.8%, oklch(31.00% 0.0582 256.16) 15.4%, oklch(31.71% 0.0558 258.39) 17.9%, oklch(32.50% 0.0537 260.51) 20.5%, oklch(33.37% 0.0519 262.45) 23.1%, oklch(34.33% 0.0506 264.10) 25.6%, oklch(35.38% 0.0499 265.39) 28.2%, oklch(36.53% 0.0500 266.23) 30.8%, oklch(37.80% 0.0510 266.53) 33.3%, oklch(39.24% 0.0529 265.77) 35.9%, oklch(40.90% 0.0556 263.72) 38.5%, oklch(42.75% 0.0591 260.68) 41.0%, oklch(44.73% 0.0631 256.97) 43.6%, oklch(46.82% 0.0676 252.91) 46.2%, oklch(48.97% 0.0725 248.81) 48.7%, oklch(51.13% 0.0777 244.98) 51.3%, oklch(53.27% 0.0831 241.74) 53.8%, oklch(55.35% 0.0885 239.41) 56.4%, oklch(57.32% 0.0939 238.29) 59.0%, oklch(59.15% 0.0992 238.71) 61.5%, oklch(60.79% 0.1042 240.97) 64.1%, oklch(62.20% 0.1089 245.39) 66.7%, oklch(63.43% 0.1135 252.53) 69.2%, oklch(64.53% 0.1183 262.39) 71.8%, oklch(65.53% 0.1234 274.50) 74.4%, oklch(66.42% 0.1286 288.37) 76.9%, oklch(67.22% 0.1338 303.51) 79.5%, oklch(67.93% 0.1389 319.44) 82.1%, oklch(68.57% 0.1439 335.68) 84.6%, oklch(69.14% 0.1487 351.74) 87.2%, oklch(69.64% 0.1532 7.13) 89.7%, oklch(70.10% 0.1573 21.37) 92.3%, oklch(70.52% 0.1610 33.98) 94.9%, oklch(70.90% 0.1642 44.47) 97.4%, oklch(71.26% 0.1667 52.36) 100.0%);

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

Gradient viễn thám

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