Hồng, xanh hải quân và tím oải hương (gradient tuyến tính)

Bảng màu Hồng, xanh hải quân và tím oải hương

Gradient tuyến tính, 32 màu, góc 240°: #df9dab, #997c5f, #024341, #3d3c64, #ebd2fd. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#df9dab
#db9aa3
#d5979a
#ce9390
#c58f85
#bc8a7b
#b18671
#a58167
#997c5f
#8c7858
#807351
#726f4c
#606846
#4c6042
#365741
#1e4d40
#024341
#003941
#003141
#012b45
#0f2848
#1c294d
#2b3056
#3d3c64
#514b75
#685e89
#81749f
#9b8ab5
#b3a0cc
#cab5e0
#ddc6f1
#ebd2fd

CSS

background: linear-gradient(240deg in oklch, oklch(76.38% 0.0799 4.92) 0.0%, oklch(75.18% 0.0781 9.73) 3.2%, oklch(73.68% 0.0755 15.46) 6.5%, oklch(71.92% 0.0723 22.06) 9.7%, oklch(69.95% 0.0687 29.52) 12.9%, oklch(67.79% 0.0650 37.81) 16.1%, oklch(65.51% 0.0614 46.89) 19.4%, oklch(63.13% 0.0580 56.74) 22.6%, oklch(60.71% 0.0550 67.33) 25.8%, oklch(58.29% 0.0527 78.63) 29.0%, oklch(55.90% 0.0512 90.61) 32.3%, oklch(53.37% 0.0508 103.65) 35.5%, oklch(50.15% 0.0513 118.85) 38.7%, oklch(46.42% 0.0525 135.75) 41.9%, oklch(42.44% 0.0543 153.82) 45.2%, oklch(38.47% 0.0565 172.52) 48.4%, oklch(34.76% 0.0589 191.29) 51.6%, oklch(31.57% 0.0545 209.64) 54.8%, oklch(29.14% 0.0562 226.98) 58.1%, oklch(27.72% 0.0655 242.58) 61.3%, oklch(27.59% 0.0669 256.19) 64.5%, oklch(29.03% 0.0677 267.22) 67.7%, oklch(32.40% 0.0680 276.25) 71.0%, oklch(37.46% 0.0679 283.73) 74.2%, oklch(43.80% 0.0676 289.84) 77.4%, oklch(51.00% 0.0670 294.79) 80.6%, oklch(58.68% 0.0664 298.78) 83.9%, oklch(66.41% 0.0656 302.01) 87.1%, oklch(73.79% 0.0649 304.69) 90.3%, oklch(80.41% 0.0642 307.00) 93.5%, oklch(85.87% 0.0637 309.17) 96.8%, oklch(89.76% 0.0634 311.38) 100.0%);

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

Gradient cầu vồng tông trầm

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