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

Bảng màu Tím oải hương, xanh dương và xanh hải quân (tương đồng)

Gradient tuyến tính, 32 màu, góc 180°: #e2dcef, #9f8cd6, #6249b0, #372076, #0e0821. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#e2dcef
#dcd6ee
#d6ceeb
#cec5e9
#c5bae6
#bcafe3
#b2a3df
#a897db
#9f8cd6
#9581d2
#8d77cd
#856fc8
#7e67c4
#775fbf
#7057ba
#6950b5
#6249b0
#5c42aa
#553ca4
#4f359d
#492f95
#432a8d
#3d2482
#372076
#301b6a
#2a175d
#241450
#1e1144
#190e38
#150c2f
#110a27
#0e0821

CSS

background: linear-gradient(180deg in oklch, oklch(90.55% 0.0262 298.13) 0.0%, oklch(88.88% 0.0324 297.89) 3.2%, oklch(86.71% 0.0408 297.59) 6.5%, oklch(84.14% 0.0509 297.24) 9.7%, oklch(81.26% 0.0622 296.84) 12.9%, oklch(78.16% 0.0742 296.42) 16.1%, oklch(74.94% 0.0864 295.96) 19.4%, oklch(71.69% 0.0983 295.49) 22.6%, oklch(68.50% 0.1094 295.01) 25.8%, oklch(65.46% 0.1192 294.53) 29.0%, oklch(62.67% 0.1273 294.05) 32.3%, oklch(60.16% 0.1336 293.57) 35.5%, oklch(57.74% 0.1396 293.03) 38.7%, oklch(55.41% 0.1450 292.43) 41.9%, oklch(53.13% 0.1498 291.80) 45.2%, oklch(50.90% 0.1539 291.17) 48.4%, oklch(48.71% 0.1571 290.56) 51.6%, oklch(46.54% 0.1592 289.99) 54.8%, oklch(44.38% 0.1602 289.48) 58.1%, oklch(42.22% 0.1598 289.06) 61.3%, oklch(40.05% 0.1579 288.75) 64.5%, oklch(37.84% 0.1543 288.57) 67.7%, oklch(35.49% 0.1478 288.54) 71.0%, oklch(33.02% 0.1389 288.63) 74.2%, oklch(30.49% 0.1279 288.82) 77.4%, oklch(27.97% 0.1157 289.09) 80.6%, oklch(25.51% 0.1028 289.39) 83.9%, oklch(23.16% 0.0899 289.72) 87.1%, oklch(20.99% 0.0776 290.05) 90.3%, oklch(19.06% 0.0666 290.34) 93.5%, oklch(17.42% 0.0575 290.58) 96.8%, oklch(16.14% 0.0510 290.73) 100.0%);

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

Gradient tím đơn sắc

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