Tím đậm, tím, xanh dương và nâu vàng (gradient tuyến tính)

Bảng màu Tím đậm, tím, xanh dương và nâu vàng

Gradient tuyến tính, 32 màu, góc 90°: #24152e, #672e6b, #246da2, #5a996d, #e0c369. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#24152e
#281733
#2f1939
#361c40
#401f48
#4a2350
#542659
#5e2a62
#672e6b
#6d3376
#713981
#70408d
#6a4898
#5f51a1
#505aa7
#3d64a7
#246da2
#00759a
#007b8e
#008185
#1d877d
#338c76
#479272
#5a996d
#6da06a
#80a667
#94ad65
#a6b364
#b8b864
#c8bd65
#d5c067
#e0c369

CSS

background: linear-gradient(90deg in oklch, oklch(22.83% 0.0510 310.78) 0.0%, oklch(24.16% 0.0559 311.69) 3.2%, oklch(25.92% 0.0628 313.64) 6.5%, oklch(28.02% 0.0712 316.23) 9.7%, oklch(30.36% 0.0805 319.04) 12.9%, oklch(32.87% 0.0903 321.68) 16.1%, oklch(35.44% 0.0999 323.74) 19.4%, oklch(38.00% 0.1090 324.81) 22.6%, oklch(40.46% 0.1169 324.49) 25.8%, oklch(42.72% 0.1232 322.38) 29.0%, oklch(44.70% 0.1273 318.06) 32.3%, oklch(46.33% 0.1289 311.09) 35.5%, oklch(47.69% 0.1280 301.31) 38.7%, oklch(48.84% 0.1252 289.24) 41.9%, oklch(49.85% 0.1209 275.41) 45.2%, oklch(50.78% 0.1157 260.35) 48.4%, oklch(51.69% 0.1100 244.60) 51.6%, oklch(52.64% 0.1034 228.71) 54.8%, oklch(53.69% 0.0940 213.17) 58.1%, oklch(54.91% 0.0934 198.53) 61.3%, oklch(56.36% 0.0919 185.35) 64.5%, oklch(58.10% 0.0908 174.03) 67.7%, oklch(60.24% 0.0912 163.38) 71.0%, oklch(62.72% 0.0926 153.04) 74.2%, oklch(65.42% 0.0948 143.09) 77.4%, oklch(68.26% 0.0977 133.63) 80.6%, oklch(71.12% 0.1009 124.74) 83.9%, oklch(73.91% 0.1042 116.52) 87.1%, oklch(76.52% 0.1075 109.05) 90.3%, oklch(78.85% 0.1104 102.42) 93.5%, oklch(80.81% 0.1128 96.71) 96.8%, oklch(82.28% 0.1144 92.03) 100.0%);

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

Brooched

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