Be, tím và xanh hải quân (ba tông) (gradient tuyến tính)

Bảng màu Be, tím và xanh hải quân (ba tông)

Gradient tuyến tính, 32 màu, góc 45°: #fff1d2, #e0b48f, #ad7371, #6a4f66, #1f2b46. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#fff1d2
#fdeccb
#fae6c3
#f6dfba
#f2d7b0
#eecea6
#eac69e
#e5bd96
#e0b48f
#daab89
#d4a283
#ce997f
#c7907a
#c18877
#bb8175
#b47972
#ad7371
#a56c70
#9d666f
#94616e
#8a5c6d
#80576c
#755369
#6a4f66
#604a62
#57465e
#4d415a
#433b56
#383651
#2e314d
#262d49
#1f2b46

CSS

background: linear-gradient(45deg in oklch, oklch(96.06% 0.0427 85.80) 0.0%, oklch(94.86% 0.0467 84.14) 3.2%, oklch(93.24% 0.0505 81.99) 6.5%, oklch(91.30% 0.0549 79.39) 9.7%, oklch(89.16% 0.0595 76.42) 12.9%, oklch(86.91% 0.0637 73.13) 16.1%, oklch(84.69% 0.0670 69.60) 19.4%, oklch(82.46% 0.0693 65.81) 22.6%, oklch(80.09% 0.0711 61.63) 25.8%, oklch(77.62% 0.0724 57.13) 29.0%, oklch(75.11% 0.0733 52.38) 32.3%, oklch(72.63% 0.0739 47.44) 35.5%, oklch(70.22% 0.0743 42.38) 38.7%, oklch(67.93% 0.0745 37.27) 41.9%, oklch(65.73% 0.0746 32.13) 45.2%, oklch(63.57% 0.0745 26.87) 48.4%, oklch(61.44% 0.0740 21.39) 51.6%, oklch(59.32% 0.0731 15.60) 54.8%, oklch(57.19% 0.0715 9.41) 58.1%, oklch(55.04% 0.0692 2.72) 61.3%, oklch(52.88% 0.0654 355.46) 64.5%, oklch(50.72% 0.0607 347.75) 67.7%, oklch(48.56% 0.0557 339.72) 71.0%, oklch(46.41% 0.0510 331.54) 74.2%, oklch(44.25% 0.0473 323.33) 77.4%, oklch(42.08% 0.0452 315.23) 80.6%, oklch(39.73% 0.0449 306.41) 83.9%, oklch(37.23% 0.0459 296.95) 87.1%, oklch(34.75% 0.0476 287.54) 90.3%, oklch(32.46% 0.0495 278.82) 93.5%, oklch(30.53% 0.0513 271.46) 96.8%, oklch(29.13% 0.0524 266.13) 100.0%);

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

Gradient retro

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