Be, cam, tím và xanh hải quân (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 90°: #f4e8c9, #d98134, #7664ad, #2d6575, #243c66. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f4e8c9
#f1e1be
#edd8ae
#e9cd9a
#e5c085
#e1b16e
#dea258
#dc9143
#d98134
#d77130
#d46339
#cf584b
#c75164
#b9517f
#a65596
#8f5da6
#7664ad
#5e6baa
#4b70a1
#3e7295
#387189
#356e80
#316a7a
#2d6575
#286071
#245b6f
#21556d
#204f6c
#21496b
#224469
#243f67
#243c66

CSS

background: linear-gradient(90deg in oklch, oklch(93.31% 0.0427 89.30) 0.0%, oklch(91.44% 0.0500 86.78) 3.2%, oklch(88.94% 0.0603 84.22) 6.5%, oklch(85.95% 0.0729 81.42) 9.7%, oklch(82.61% 0.0869 78.22) 12.9%, oklch(79.05% 0.1015 74.41) 16.1%, oklch(75.42% 0.1159 69.83) 19.4%, oklch(71.85% 0.1291 64.28) 22.6%, oklch(68.48% 0.1404 57.59) 25.8%, oklch(65.46% 0.1488 49.56) 29.0%, oklch(62.92% 0.1537 40.01) 32.3%, oklch(60.94% 0.1541 28.27) 35.5%, oklch(59.33% 0.1505 13.03) 38.7%, oklch(58.04% 0.1436 355.07) 41.9%, oklch(56.99% 0.1342 335.28) 45.2%, oklch(56.11% 0.1231 314.55) 48.4%, oklch(55.33% 0.1112 293.80) 51.6%, oklch(54.60% 0.0992 273.93) 54.8%, oklch(53.84% 0.0879 255.84) 58.1%, oklch(52.99% 0.0781 240.43) 61.3%, oklch(51.98% 0.0707 228.60) 64.5%, oklch(50.74% 0.0664 221.21) 67.7%, oklch(49.30% 0.0642 217.99) 71.0%, oklch(47.70% 0.0636 218.19) 74.2%, oklch(46.01% 0.0642 221.12) 77.4%, oklch(44.26% 0.0658 226.11) 80.6%, oklch(42.53% 0.0680 232.47) 83.9%, oklch(40.85% 0.0706 239.53) 87.1%, oklch(39.29% 0.0732 246.61) 90.3%, oklch(37.90% 0.0756 253.03) 93.5%, oklch(36.72% 0.0775 258.12) 96.8%, oklch(35.83% 0.0785 261.20) 100.0%);

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

Tuổi thơ hoài niệ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