Hồng, xanh dương, nâu và tím (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #d7a4aa, #58747e, #51466f, #b28c7a, #15283e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#d7a4aa
#cd9fae
#bd99b2
#a894b3
#918fae
#7c89a2
#6c8294
#607b87
#58747e
#4f6e77
#466673
#3e5f70
#39576f
#3a506f
#3f4a6f
#47476f
#51466f
#634b71
#785372
#8d6072
#9e6e73
#aa7d75
#b18878
#b28c7a
#ae8678
#a27975
#8f6870
#76576b
#594762
#3c3956
#252f49
#15283e

CSS

background: linear-gradient(135deg in oklch, oklch(76.77% 0.0606 10.55) 0.0%, oklch(74.94% 0.0582 357.04) 3.2%, oklch(72.42% 0.0546 337.33) 6.5%, oklch(69.42% 0.0502 313.75) 9.7%, oklch(66.14% 0.0457 288.68) 12.9%, oklch(62.77% 0.0415 264.47) 16.1%, oklch(59.53% 0.0381 243.47) 19.4%, oklch(56.59% 0.0361 228.04) 22.6%, oklch(54.15% 0.0360 220.43) 25.8%, oklch(51.70% 0.0382 219.63) 29.0%, oklch(49.15% 0.0423 223.89) 32.3%, oklch(46.69% 0.0474 232.11) 35.5%, oklch(44.50% 0.0531 243.22) 38.7%, oklch(42.78% 0.0587 256.13) 41.9%, oklch(41.71% 0.0634 269.76) 45.2%, oklch(41.47% 0.0666 283.02) 48.4%, oklch(42.41% 0.0679 295.83) 51.6%, oklch(45.19% 0.0676 312.67) 54.8%, oklch(49.32% 0.0661 332.54) 58.1%, oklch(54.15% 0.0639 353.38) 61.3%, oklch(59.01% 0.0613 13.17) 64.5%, oklch(63.22% 0.0585 29.84) 67.7%, oklch(66.13% 0.0560 41.37) 71.0%, oklch(67.08% 0.0541 45.70) 74.2%, oklch(65.48% 0.0529 40.65) 77.4%, oklch(61.56% 0.0518 26.22) 80.6%, oklch(56.00% 0.0509 5.06) 83.9%, oklch(49.47% 0.0502 339.89) 87.1%, oklch(42.65% 0.0496 313.41) 90.3%, oklch(36.21% 0.0491 288.34) 93.5%, oklch(30.82% 0.0486 267.38) 96.8%, oklch(27.17% 0.0482 253.25) 100.0%);

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

Gradient chạng vạ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