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

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

Gradient tuyến tính, 32 màu, góc 135°: #dba4da, #2d5d7e, #301b4e, #683363, #a0e9fd. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#dba4da
#cd9fd7
#ba97d2
#a38fca
#8a85bf
#707cb1
#5771a0
#41678e
#2d5d7e
#1c536f
#0e4b65
#05455f
#073d5c
#11355a
#1c2c58
#272354
#301b4e
#381446
#40103f
#470e39
#4e1038
#55173e
#5e234d
#683363
#71487f
#79609c
#7e7bb8
#8197cf
#86b1e2
#8dc9ee
#97dcf7
#a0e9fd

CSS

background: linear-gradient(135deg in oklch, oklch(78.74% 0.0951 326.95) 0.0%, oklch(76.28% 0.0936 320.62) 3.2%, oklch(72.94% 0.0914 311.37) 6.5%, oklch(68.93% 0.0887 300.04) 9.7%, oklch(64.45% 0.0857 287.44) 12.9%, oklch(59.71% 0.0827 274.42) 16.1%, oklch(54.90% 0.0797 261.79) 19.4%, oklch(50.22% 0.0770 250.39) 22.6%, oklch(45.88% 0.0749 241.04) 25.8%, oklch(42.08% 0.0735 234.57) 29.0%, oklch(39.01% 0.0730 231.80) 32.3%, oklch(36.66% 0.0736 233.78) 35.5%, oklch(34.43% 0.0756 241.05) 38.7%, oklch(32.37% 0.0785 252.47) 41.9%, oklch(30.55% 0.0822 266.81) 45.2%, oklch(29.06% 0.0863 282.83) 48.4%, oklch(27.99% 0.0906 299.31) 51.6%, oklch(27.43% 0.0946 315.01) 54.8%, oklch(27.46% 0.0982 328.69) 58.1%, oklch(28.17% 0.1011 339.13) 61.3%, oklch(29.65% 0.1029 345.10) 64.5%, oklch(32.02% 0.1033 345.40) 67.7%, oklch(35.84% 0.1025 340.21) 71.0%, oklch(40.99% 0.1007 330.58) 74.2%, oklch(47.11% 0.0982 317.53) 77.4%, oklch(53.89% 0.0950 302.09) 80.6%, oklch(60.98% 0.0916 285.26) 83.9%, oklch(68.05% 0.0880 268.07) 87.1%, oklch(74.76% 0.0845 251.53) 90.3%, oklch(80.77% 0.0814 236.66) 93.5%, oklch(85.75% 0.0789 224.47) 96.8%, oklch(89.37% 0.0772 215.99) 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