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

Bảng màu Xanh dương, tím oải hương và hồng (ba tông)

Gradient tuyến tính, 32 màu, góc 180°: #3f6595, #7e8ec2, #c9adda, #f5c4d6, #ffe0d3. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#3f6595
#446899
#4a6c9e
#5172a3
#5a78aa
#637eb0
#6c84b6
#7589bc
#7e8ec2
#8792c6
#9197cb
#9b9bcf
#a59ed2
#afa2d5
#b8a6d7
#c1a9d9
#c9adda
#d1b0da
#d8b4db
#dfb7da
#e5bada
#ebbdd9
#f0c0d7
#f5c4d6
#f9c7d4
#fdcad3
#ffcfd1
#ffd3d0
#ffd7d1
#ffdbd1
#ffded2
#ffe0d3

CSS

background: linear-gradient(180deg in oklch, oklch(50.00% 0.0896 255.23) 0.0%, oklch(51.21% 0.0888 256.24) 3.2%, oklch(52.85% 0.0878 257.37) 6.5%, oklch(54.79% 0.0865 258.72) 9.7%, oklch(56.94% 0.0852 260.34) 12.9%, oklch(59.19% 0.0837 262.31) 16.1%, oklch(61.42% 0.0823 264.68) 19.4%, oklch(63.53% 0.0809 267.53) 22.6%, oklch(65.41% 0.0796 270.94) 25.8%, oklch(67.21% 0.0784 275.01) 29.0%, oklch(68.99% 0.0771 279.68) 32.3%, oklch(70.75% 0.0759 284.81) 35.5%, oklch(72.46% 0.0746 290.27) 38.7%, oklch(74.12% 0.0734 295.95) 41.9%, oklch(75.72% 0.0721 301.70) 45.2%, oklch(77.23% 0.0709 307.40) 48.4%, oklch(78.65% 0.0697 312.96) 51.6%, oklch(80.00% 0.0684 318.58) 54.8%, oklch(81.28% 0.0672 324.30) 58.1%, oklch(82.49% 0.0660 330.11) 61.3%, oklch(83.63% 0.0648 336.00) 64.5%, oklch(84.73% 0.0635 341.97) 67.7%, oklch(85.77% 0.0623 348.00) 71.0%, oklch(86.77% 0.0610 354.09) 74.2%, oklch(87.73% 0.0596 0.48) 77.4%, oklch(88.67% 0.0580 7.54) 80.6%, oklch(89.57% 0.0548 14.95) 83.9%, oklch(90.42% 0.0495 22.39) 87.1%, oklch(91.20% 0.0455 29.49) 90.3%, oklch(91.89% 0.0425 35.90) 93.5%, oklch(92.46% 0.0403 41.29) 96.8%, oklch(92.91% 0.0388 45.30) 100.0%);

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

Gradient hoàng hôn mùa đô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