Nâu vàng, tím và xanh hải quân (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #efbf8b, #d29faa, #86629b, #422f6d, #1a183a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#efbf8b
#efbc8f
#eeb994
#ebb69b
#e7b3a1
#e3afa5
#ddaba8
#d8a6a9
#d29faa
#ca98ab
#c291ab
#b989ab
#af82ab
#a47ba9
#9a73a5
#906aa1
#86629b
#7c5996
#725190
#684a8a
#5e4383
#543c7c
#4b3574
#422f6d
#3a2965
#34255f
#2e2158
#281f50
#231c4a
#201a43
#1d193e
#1a183a

CSS

background: linear-gradient(135deg in oklch, oklch(83.46% 0.0868 68.20) 0.0%, oklch(83.02% 0.0834 63.30) 3.2%, oklch(82.47% 0.0783 56.61) 6.5%, oklch(81.79% 0.0723 48.64) 9.7%, oklch(80.95% 0.0666 39.92) 12.9%, oklch(79.91% 0.0620 30.97) 16.1%, oklch(78.63% 0.0594 22.30) 19.4%, oklch(77.09% 0.0595 13.77) 22.6%, oklch(75.28% 0.0616 4.49) 25.8%, oklch(73.26% 0.0651 354.91) 29.0%, oklch(71.06% 0.0694 345.53) 32.3%, oklch(68.74% 0.0740 336.83) 35.5%, oklch(66.33% 0.0784 329.32) 38.7%, oklch(63.84% 0.0823 323.39) 41.9%, oklch(61.16% 0.0868 318.79) 45.2%, oklch(58.34% 0.0916 315.20) 48.4%, oklch(55.43% 0.0963 312.29) 51.6%, oklch(52.53% 0.1004 309.74) 54.8%, oklch(49.68% 0.1035 307.23) 58.1%, oklch(46.94% 0.1053 304.51) 61.3%, oklch(44.16% 0.1061 301.91) 64.5%, oklch(41.35% 0.1061 299.52) 67.7%, oklch(38.61% 0.1054 297.31) 71.0%, oklch(35.99% 0.1038 295.26) 74.2%, oklch(33.60% 0.1016 293.34) 77.4%, oklch(31.49% 0.0985 291.53) 80.6%, oklch(29.61% 0.0938 289.79) 83.9%, oklch(27.91% 0.0877 288.15) 87.1%, oklch(26.41% 0.0810 286.65) 90.3%, oklch(25.12% 0.0743 285.34) 93.5%, oklch(24.05% 0.0687 284.25) 96.8%, oklch(23.23% 0.0648 283.43) 100.0%);

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

Đèn lồng giấy lúc chạng vạ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