Xanh hải quân, tím, đỏ và nâu (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 315°: #223044, #4a6682, #a03e3d, #d6634c, #849256. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#223044
#253549
#293b4f
#2e4357
#344c5f
#3a5568
#405d71
#45637a
#4a6682
#50658a
#5b608e
#6a588d
#7a4f83
#874672
#923f5e
#993c4a
#a03e3d
#a74136
#b04637
#b94b3c
#c35143
#cb574b
#d25d4e
#d6634c
#d56a42
#d07235
#c57a2a
#b78329
#a78933
#978e41
#8b914d
#849256

CSS

background: linear-gradient(315deg in oklch, oklch(30.71% 0.0413 255.94) 0.0%, oklch(32.36% 0.0420 254.24) 3.2%, oklch(34.72% 0.0425 250.88) 6.5%, oklch(37.54% 0.0429 246.83) 9.7%, oklch(40.56% 0.0438 243.03) 12.9%, oklch(43.56% 0.0453 240.45) 16.1%, oklch(46.27% 0.0477 240.05) 19.4%, oklch(48.46% 0.0514 242.79) 22.6%, oklch(49.88% 0.0566 249.68) 25.8%, oklch(50.47% 0.0641 262.10) 29.0%, oklch(50.45% 0.0736 279.07) 32.3%, oklch(50.04% 0.0842 298.93) 35.5%, oklch(49.45% 0.0954 320.03) 38.7%, oklch(48.91% 0.1064 340.69) 41.9%, oklch(48.64% 0.1164 359.27) 45.2%, oklch(48.85% 0.1248 14.09) 48.4%, oklch(49.76% 0.1311 23.71) 51.6%, oklch(51.32% 0.1367 28.75) 54.8%, oklch(53.33% 0.1417 30.54) 58.1%, oklch(55.61% 0.1457 30.26) 61.3%, oklch(57.96% 0.1488 29.15) 64.5%, oklch(60.20% 0.1505 28.41) 67.7%, oklch(62.12% 0.1508 29.25) 71.0%, oklch(63.53% 0.1494 32.88) 74.2%, oklch(64.33% 0.1457 40.22) 77.4%, oklch(64.70% 0.1389 50.60) 80.6%, oklch(64.73% 0.1300 62.99) 83.9%, oklch(64.53% 0.1197 76.40) 87.1%, oklch(64.20% 0.1092 89.81) 90.3%, oklch(63.83% 0.0994 102.21) 93.5%, oklch(63.53% 0.0911 112.60) 96.8%, oklch(63.39% 0.0854 119.97) 100.0%);

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

Giàn cà chua sai quả

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