Xanh dương sang tím oải hương (tương đồng) (gradient tuyến tính)

Xanh dương sang tím oải hương (tương đồng): bảng màu gồm 32 màu. #29406f, #365889, #4f73a9, #7680be, #9b89c8. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

32 màu, 3 keyframe OKLCH chỉnh sửa được.

#29406f
#2a4271
#2b4473
#2d4776
#2e4a7a
#304d7d
#325081
#345485
#365889
#385c8e
#3b6092
#3d6396
#40679a
#436a9f
#476ea2
#4b70a6
#4f73a9
#5375ad
#5877b0
#5e79b3
#637bb6
#6a7db9
#707ebc
#7680be
#7c81c0
#8183c2
#8784c3
#8c85c5
#9086c6
#9487c7
#9888c7
#9b89c8

CSS

background: linear-gradient(90deg in oklch, oklch(37.80% 0.0854 262.97) 0.0%, oklch(38.42% 0.0858 262.69) 3.2%, oklch(39.19% 0.0863 262.22) 6.5%, oklch(40.08% 0.0869 261.61) 9.7%, oklch(41.08% 0.0875 260.88) 12.9%, oklch(42.17% 0.0882 260.09) 16.1%, oklch(43.33% 0.0890 259.27) 19.4%, oklch(44.56% 0.0898 258.46) 22.6%, oklch(45.81% 0.0905 257.70) 25.8%, oklch(47.09% 0.0913 257.03) 29.0%, oklch(48.38% 0.0921 256.50) 32.3%, oklch(49.65% 0.0928 256.13) 35.5%, oklch(50.89% 0.0935 255.98) 38.7%, oklch(52.08% 0.0940 256.08) 41.9%, oklch(53.20% 0.0945 256.47) 45.2%, oklch(54.24% 0.0949 257.19) 48.4%, oklch(55.20% 0.0952 258.30) 51.6%, oklch(56.14% 0.0954 259.88) 54.8%, oklch(57.09% 0.0955 261.90) 58.1%, oklch(58.04% 0.0955 264.28) 61.3%, oklch(58.98% 0.0954 266.96) 64.5%, oklch(59.90% 0.0953 269.87) 67.7%, oklch(60.80% 0.0952 272.94) 71.0%, oklch(61.67% 0.0950 276.11) 74.2%, oklch(62.51% 0.0948 279.30) 77.4%, oklch(63.31% 0.0946 282.45) 80.6%, oklch(64.06% 0.0944 285.50) 83.9%, oklch(64.76% 0.0942 288.38) 87.1%, oklch(65.41% 0.0940 291.01) 90.3%, oklch(65.99% 0.0939 293.33) 93.5%, oklch(66.50% 0.0938 295.28) 96.8%, oklch(66.93% 0.0937 296.78) 100.0%);

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

Gradient chữ

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