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

Gradient tuyến tính, 32 màu, góc 90°: #271747, #5a3f78, #b76e94, #f2a090, #ffcfa5. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#271747
#2a1a4b
#2f1e4f
#342255
#3a275b
#412d62
#493369
#513971
#5a3f78
#64447e
#6d4a84
#784f89
#83558d
#905b90
#9d6192
#aa6793
#b76e94
#c37594
#ce7c93
#d88392
#e18b91
#e89290
#ee9990
#f2a090
#f7a791
#faae92
#fcb594
#febb96
#ffc199
#ffc69d
#ffcba1
#ffcfa5

CSS

background: linear-gradient(90deg in oklch, oklch(25.59% 0.0854 294.61) 0.0%, oklch(26.86% 0.0863 295.43) 3.2%, oklch(28.47% 0.0874 296.22) 6.5%, oklch(30.36% 0.0887 297.06) 9.7%, oklch(32.48% 0.0901 298.03) 12.9%, oklch(34.79% 0.0917 299.21) 16.1%, oklch(37.22% 0.0933 300.69) 19.4%, oklch(39.74% 0.0949 302.55) 22.6%, oklch(42.28% 0.0964 304.87) 25.8%, oklch(44.80% 0.0977 307.75) 29.0%, oklch(47.24% 0.0989 311.25) 32.3%, oklch(49.63% 0.0998 315.54) 35.5%, oklch(52.15% 0.1008 320.81) 38.7%, oklch(54.77% 0.1018 326.88) 41.9%, oklch(57.45% 0.1028 333.55) 45.2%, oklch(60.16% 0.1037 340.64) 48.4%, oklch(62.86% 0.1044 347.94) 51.6%, oklch(65.49% 0.1049 355.27) 54.8%, oklch(68.03% 0.1053 2.42) 58.1%, oklch(70.43% 0.1053 9.20) 61.3%, oklch(72.65% 0.1051 15.42) 64.5%, oklch(74.67% 0.1045 20.92) 67.7%, oklch(76.56% 0.1033 26.19) 71.0%, oklch(78.37% 0.1017 31.36) 74.2%, oklch(80.07% 0.0997 36.37) 77.4%, oklch(81.68% 0.0974 41.17) 80.6%, oklch(83.16% 0.0950 45.71) 83.9%, oklch(84.53% 0.0926 49.92) 87.1%, oklch(85.76% 0.0889 53.77) 90.3%, oklch(86.85% 0.0843 57.17) 93.5%, oklch(87.80% 0.0805 60.10) 96.8%, oklch(88.58% 0.0773 62.48) 100.0%);

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

Phone wallpaper gradients

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