Tím sang xanh dương nhạt (tương đồng) tông rực rỡ (gradient tuyến tính)

Bảng màu Tím sang xanh dương nhạt (tương đồng) tông rực rỡ

Gradient tuyến tính, 32 màu, góc 180°: #8220fe, #6151ff, #3d82ff, #21adff, #1fd8ff. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#8220fe
#8026ff
#7d2dff
#7933ff
#7539ff
#703fff
#6b45ff
#664bff
#6151ff
#5c57fe
#575dfe
#5262fe
#4e69ff
#496fff
#4575ff
#417bff
#3d82ff
#3a88ff
#368eff
#3394ff
#2f9aff
#2ba0ff
#26a6ff
#21adff
#1cb3ff
#18baff
#16c0ff
#16c6ff
#17ccff
#1ad1ff
#1dd5ff
#1fd8ff

CSS

background: linear-gradient(180deg in oklch, oklch(54.33% 0.2825 293.91) 0.0%, oklch(54.48% 0.2797 292.77) 3.2%, oklch(54.62% 0.2754 291.35) 6.5%, oklch(54.78% 0.2708 289.67) 9.7%, oklch(54.96% 0.2660 287.79) 12.9%, oklch(55.17% 0.2611 285.74) 16.1%, oklch(55.44% 0.2561 283.57) 19.4%, oklch(55.77% 0.2512 281.33) 22.6%, oklch(56.17% 0.2457 279.04) 25.8%, oklch(56.67% 0.2401 276.77) 29.0%, oklch(57.26% 0.2346 274.55) 32.3%, oklch(57.97% 0.2293 272.39) 35.5%, oklch(58.79% 0.2235 270.23) 38.7%, oklch(59.72% 0.2176 268.04) 41.9%, oklch(60.73% 0.2114 265.82) 45.2%, oklch(61.81% 0.2052 263.55) 48.4%, oklch(62.95% 0.1990 261.24) 51.6%, oklch(64.13% 0.1929 258.87) 54.8%, oklch(65.32% 0.1871 256.42) 58.1%, oklch(66.53% 0.1814 253.91) 61.3%, oklch(67.72% 0.1762 251.31) 64.5%, oklch(68.90% 0.1715 248.59) 67.7%, oklch(70.18% 0.1669 245.56) 71.0%, oklch(71.56% 0.1623 242.24) 74.2%, oklch(73.01% 0.1581 238.72) 77.4%, oklch(74.48% 0.1542 235.13) 80.6%, oklch(75.93% 0.1509 231.56) 83.9%, oklch(77.32% 0.1481 228.12) 87.1%, oklch(78.61% 0.1459 224.92) 90.3%, oklch(79.77% 0.1442 222.07) 93.5%, oklch(80.74% 0.1430 219.66) 96.8%, oklch(81.50% 0.1422 217.81) 100.0%);

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

Gradient xanh dương rực

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