Xanh dương nhạt, hồng, tím oải hương và xanh dương (gradient tuyến tính)

Bảng màu Xanh dương nhạt, hồng, tím oải hương và xanh dương

Gradient tuyến tính, 32 màu, góc 45°: #a8cbff, #e2cdff, #fab8e9, #917fb6, #264461. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#a8cbff
#accbff
#b2cbff
#bacbff
#c2cbff
#caccff
#d3cdff
#dbcdff
#e2cdff
#eacdff
#f2cbff
#fac8ff
#ffc6fc
#ffc5f5
#ffc2f1
#ffbdee
#fab8e9
#f1b2e4
#e6abdf
#d7a3d8
#c79bd1
#b692c9
#a488c0
#917fb6
#7f76aa
#6d6d9f
#5d6592
#4e5c86
#41557b
#364e71
#2c4968
#264461

CSS

background: linear-gradient(45deg in oklch, oklch(83.46% 0.0827 258.05) 0.0%, oklch(83.68% 0.0810 261.20) 3.2%, oklch(84.09% 0.0784 265.51) 6.5%, oklch(84.66% 0.0755 270.76) 9.7%, oklch(85.34% 0.0728 276.77) 12.9%, oklch(86.08% 0.0707 283.33) 16.1%, oklch(86.84% 0.0695 290.25) 19.4%, oklch(87.58% 0.0695 297.33) 22.6%, oklch(88.25% 0.0710 304.38) 25.8%, oklch(88.81% 0.0747 311.19) 29.0%, oklch(89.21% 0.0809 317.58) 32.3%, oklch(89.40% 0.0907 323.34) 35.5%, oklch(89.36% 0.0945 328.27) 38.7%, oklch(89.02% 0.0897 332.19) 41.9%, oklch(88.35% 0.0909 334.89) 45.2%, oklch(87.29% 0.0978 336.19) 48.4%, oklch(85.80% 0.0988 335.88) 51.6%, oklch(83.73% 0.0976 333.94) 54.8%, oklch(81.16% 0.0959 330.55) 58.1%, oklch(78.14% 0.0937 325.94) 61.3%, oklch(74.78% 0.0912 320.29) 64.5%, oklch(71.15% 0.0885 313.81) 67.7%, oklch(67.32% 0.0855 306.72) 71.0%, oklch(63.39% 0.0824 299.20) 74.2%, oklch(59.43% 0.0793 291.47) 77.4%, oklch(55.53% 0.0762 283.73) 80.6%, oklch(51.76% 0.0731 276.19) 83.9%, oklch(48.21% 0.0703 269.04) 87.1%, oklch(44.96% 0.0677 262.50) 90.3%, oklch(42.08% 0.0654 256.76) 93.5%, oklch(39.67% 0.0635 252.04) 96.8%, oklch(37.80% 0.0620 248.54) 100.0%);

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

Gradient hồng và xanh dươ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