Tím oải hương, xanh hải quân và xanh cổ vịt (ba tông) (gradient tuyến tính)

Bảng màu Tím oải hương, xanh hải quân và xanh cổ vịt (ba tông)

Gradient tuyến tính, 32 màu, góc 225°: #e3c9f1, #9870c2, #332f61, #1d4249, #6b9583. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#e3c9f1
#dec2ee
#d8b8eb
#d0ade7
#c7a1e3
#bd94dd
#b288d6
#a67dcd
#9870c2
#8964b5
#7b58a8
#6c4d9c
#5f4590
#533e85
#473879
#3d336d
#332f61
#2b2c57
#242b50
#1f2c4b
#1a3049
#173548
#183b48
#1d4249
#25494a
#2e514e
#385b54
#43675e
#4f7469
#5a8273
#648d7d
#6b9583

CSS

background: linear-gradient(225deg in oklch, oklch(87.01% 0.0606 314.30) 0.0%, oklch(85.19% 0.0675 313.69) 3.2%, oklch(82.74% 0.0775 312.91) 6.5%, oklch(79.82% 0.0891 311.96) 9.7%, oklch(76.55% 0.1009 310.85) 12.9%, oklch(73.10% 0.1113 309.61) 16.1%, oklch(69.59% 0.1189 308.24) 19.4%, oklch(65.95% 0.1231 306.83) 22.6%, oklch(61.87% 0.1256 305.44) 25.8%, oklch(57.56% 0.1265 303.95) 29.0%, oklch(53.23% 0.1258 302.23) 32.3%, oklch(49.11% 0.1237 300.13) 35.5%, oklch(45.41% 0.1203 297.54) 38.7%, oklch(42.20% 0.1151 294.52) 41.9%, oklch(39.08% 0.1070 291.65) 45.2%, oklch(36.15% 0.0969 288.57) 48.4%, oklch(33.60% 0.0860 284.85) 51.6%, oklch(31.58% 0.0754 280.02) 54.8%, oklch(30.28% 0.0663 273.63) 58.1%, oklch(29.87% 0.0596 265.10) 61.3%, oklch(30.32% 0.0543 253.36) 64.5%, oklch(31.51% 0.0499 239.37) 67.7%, oklch(33.29% 0.0464 224.49) 71.0%, oklch(35.51% 0.0439 210.06) 74.2%, oklch(38.02% 0.0421 197.46) 77.4%, oklch(40.72% 0.0412 187.99) 80.6%, oklch(44.19% 0.0418 181.22) 83.9%, oklch(48.38% 0.0438 176.27) 87.1%, oklch(52.86% 0.0465 172.72) 90.3%, oklch(57.15% 0.0495 170.16) 93.5%, oklch(60.82% 0.0521 168.17) 96.8%, oklch(63.39% 0.0537 166.35) 100.0%);

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

Tử đằng trên tường bóng râ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