Cầu vồng từ tím oải hương sang xanh dương tông trầm (gradient tuyến tính)

Bảng màu Cầu vồng từ tím oải hương sang xanh dương tông trầm

Gradient tuyến tính, 32 màu, góc 300°: #b29ddb, #ffc7b1, #77a893, #47637c, #384aac. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#b29ddb
#bd9dda
#cb9fd9
#dba1d6
#eca4d0
#fca9c7
#ffb4bd
#ffbfb7
#ffc7b1
#ffcba6
#ffcc8e
#f2ce7d
#d9ce7e
#bdca84
#a1c28b
#89b691
#77a893
#6b9990
#638b8a
#5d7e83
#58747d
#536c7a
#4d6779
#47637c
#415f80
#3c5c87
#38598e
#365696
#35539d
#3550a4
#364da9
#384aac

CSS

background: linear-gradient(300deg in oklch, oklch(73.62% 0.0909 300.23) 0.0%, oklch(74.62% 0.0924 307.98) 3.2%, oklch(76.16% 0.0949 317.82) 6.5%, oklch(78.08% 0.0979 329.40) 9.7%, oklch(80.20% 0.1013 342.41) 12.9%, oklch(82.35% 0.1047 356.52) 16.1%, oklch(84.37% 0.0874 11.38) 19.4%, oklch(86.08% 0.0750 26.68) 22.6%, oklch(87.32% 0.0712 42.09) 25.8%, oklch(87.91% 0.0770 57.26) 29.0%, oklch(87.69% 0.0978 71.87) 32.3%, oklch(86.46% 0.1077 86.10) 35.5%, oklch(84.21% 0.1014 101.27) 38.7%, oklch(81.14% 0.0929 117.16) 41.9%, oklch(77.44% 0.0828 133.46) 45.2%, oklch(73.33% 0.0721 149.82) 48.4%, oklch(69.02% 0.0614 165.92) 51.6%, oklch(64.71% 0.0516 181.41) 54.8%, oklch(60.63% 0.0434 195.96) 58.1%, oklch(56.96% 0.0378 209.25) 61.3%, oklch(53.93% 0.0353 220.94) 64.5%, oklch(51.71% 0.0368 230.72) 67.7%, oklch(50.03% 0.0428 238.85) 71.0%, oklch(48.73% 0.0524 245.60) 74.2%, oklch(47.76% 0.0647 251.15) 77.4%, oklch(47.05% 0.0790 255.67) 80.6%, oklch(46.56% 0.0944 259.34) 83.9%, oklch(46.22% 0.1100 262.33) 87.1%, oklch(45.98% 0.1249 264.81) 90.3%, oklch(45.78% 0.1383 266.97) 93.5%, oklch(45.56% 0.1493 268.97) 96.8%, oklch(45.28% 0.1571 271.00) 100.0%);

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

Bảng màu bộ bốn

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