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

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

Gradient tuyến tính, 40 màu, góc 135°: #5597c8, #b595be, #286192, #a3b5e5, #aaded8. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#5597c8
#6699cf
#7e9bd8
#9a9ede
#b4a2e0
#caa6dd
#d9aad8
#dfabd3
#dca9cd
#cda1c7
#b595be
#9787b1
#7879a0
#5c6b8c
#445f7a
#34566c
#2a5367
#23536a
#1f5673
#1f5b81
#286192
#3667a4
#466eb4
#5475c1
#5f7cc9
#6c86d1
#7a91d7
#899ddd
#97aae1
#a3b5e5
#aec0e8
#b5c8eb
#b8cfed
#b8d4ee
#b5d7ed
#b1daeb
#addbe6
#abdce1
#a9dddc
#aaded8

CSS

background: linear-gradient(135deg in oklch, oklch(65.35% 0.0992 241.87) 0.0%, oklch(66.85% 0.0975 250.86) 2.6%, oklch(69.23% 0.0951 264.38) 5.1%, oklch(72.10% 0.0923 280.57) 7.7%, oklch(75.04% 0.0892 297.59) 10.3%, oklch(77.63% 0.0860 313.57) 12.8%, oklch(79.46% 0.0827 326.65) 15.4%, oklch(80.12% 0.0795 334.98) 17.9%, oklch(79.18% 0.0766 336.70) 20.5%, oklch(76.12% 0.0729 330.63) 23.1%, oklch(71.30% 0.0683 318.32) 25.6%, oklch(65.38% 0.0636 301.90) 28.2%, oklch(59.01% 0.0592 283.49) 30.8%, oklch(52.84% 0.0557 265.20) 33.3%, oklch(47.55% 0.0537 249.15) 35.9%, oklch(43.78% 0.0538 237.46) 38.5%, oklch(42.10% 0.0567 232.00) 41.0%, oklch(42.03% 0.0638 231.57) 43.6%, oklch(43.17% 0.0742 234.70) 46.2%, oklch(45.22% 0.0864 240.29) 48.7%, oklch(47.92% 0.0989 247.23) 51.3%, oklch(51.00% 0.1102 254.44) 53.8%, oklch(54.17% 0.1189 260.80) 56.4%, oklch(57.18% 0.1236 265.21) 59.0%, oklch(59.96% 0.1229 267.21) 61.5%, oklch(63.20% 0.1172 268.69) 64.1%, oklch(66.80% 0.1078 269.74) 66.7%, oklch(70.55% 0.0962 270.17) 69.2%, oklch(74.26% 0.0835 269.78) 71.8%, oklch(77.72% 0.0713 268.39) 74.4%, oklch(80.73% 0.0608 265.82) 76.9%, oklch(83.09% 0.0534 261.87) 79.5%, oklch(84.69% 0.0495 255.87) 82.1%, oklch(85.69% 0.0477 247.19) 84.6%, oklch(86.22% 0.0475 236.70) 87.2%, oklch(86.41% 0.0484 225.27) 89.7%, oklch(86.38% 0.0500 213.79) 92.3%, oklch(86.26% 0.0517 203.16) 94.9%, oklch(86.16% 0.0531 194.26) 97.4%, oklch(86.22% 0.0537 187.98) 100.0%);

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

Giao diện kính óng ánh

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