Xám, xanh cổ vịt, xanh dương và tím (gradient tuyến tính)

Bảng màu Xám, xanh cổ vịt, xanh dương và tím

Gradient tuyến tính, 32 màu, góc 135°: #374b5b, #497e77, #72a79f, #8e7db6, #9d4dbf. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#374b5b
#384d5d
#39515f
#3a5662
#3c5b66
#3e626a
#406b6f
#447473
#497e77
#4e867b
#528e7f
#569783
#5a9e89
#5da48e
#62a795
#6aa89a
#72a79f
#78a6a4
#79a3a9
#789faf
#7b98b3
#818fb5
#8986b5
#8e7db6
#9174b9
#946bbd
#9662c0
#995bc1
#9b55c0
#9c52c0
#9c4fbf
#9d4dbf

CSS

background: linear-gradient(135deg in oklch, oklch(40.16% 0.0372 244.69) 0.0%, oklch(40.98% 0.0375 240.53) 3.2%, oklch(42.12% 0.0379 234.68) 6.5%, oklch(43.54% 0.0386 227.75) 9.7%, oklch(45.25% 0.0403 220.36) 12.9%, oklch(47.28% 0.0432 212.69) 16.1%, oklch(49.79% 0.0476 203.59) 19.4%, oklch(52.55% 0.0528 194.13) 22.6%, oklch(55.31% 0.0580 185.67) 25.8%, oklch(57.82% 0.0626 179.52) 29.0%, oklch(60.24% 0.0678 175.33) 32.3%, oklch(62.63% 0.0732 172.57) 35.5%, oklch(64.79% 0.0774 171.46) 38.7%, oklch(66.53% 0.0788 172.23) 41.9%, oklch(67.75% 0.0756 174.75) 45.2%, oklch(68.56% 0.0672 178.54) 48.4%, oklch(68.99% 0.0572 184.36) 51.6%, oklch(69.06% 0.0493 193.01) 54.8%, oklch(68.77% 0.0467 205.48) 58.1%, oklch(67.93% 0.0481 224.52) 61.3%, oklch(66.68% 0.0524 247.41) 64.5%, oklch(65.28% 0.0596 269.78) 67.7%, oklch(63.95% 0.0699 287.23) 71.0%, oklch(62.74% 0.0851 297.44) 74.2%, oklch(61.47% 0.1057 303.03) 77.4%, oklch(60.24% 0.1277 305.86) 80.6%, oklch(59.17% 0.1473 307.77) 83.9%, oklch(58.34% 0.1606 310.27) 87.1%, oklch(57.72% 0.1694 312.14) 90.3%, oklch(57.27% 0.1751 313.23) 93.5%, oklch(56.94% 0.1789 313.89) 96.8%, oklch(56.69% 0.1819 314.43) 100.0%);

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

Fynbos sau 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