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

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

Gradient tuyến tính, 32 màu, góc 90°: #0d2548, #094344, #307b63, #62728f, #bd34a7. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0d2548
#0c2647
#0b2744
#0a2842
#092a41
#062f41
#043542
#043c43
#094344
#104a46
#135249
#135b4e
#136353
#166b58
#1e715c
#28765f
#307b63
#367e69
#388072
#407f7c
#4c7c84
#587887
#5f7589
#62728f
#686c96
#74649b
#825b9c
#90539c
#9e4b9d
#aa43a1
#b53ba5
#bd34a7

CSS

background: linear-gradient(90deg in oklch, oklch(26.77% 0.0717 258.05) 0.0%, oklch(26.80% 0.0687 255.66) 3.2%, oklch(26.78% 0.0642 252.52) 6.5%, oklch(26.95% 0.0596 248.18) 9.7%, oklch(27.52% 0.0560 242.20) 12.9%, oklch(28.72% 0.0544 233.77) 16.1%, oklch(30.50% 0.0537 221.91) 19.4%, oklch(32.67% 0.0541 208.65) 22.6%, oklch(35.01% 0.0556 196.34) 25.8%, oklch(37.34% 0.0584 187.27) 29.0%, oklch(39.82% 0.0638 181.51) 32.3%, oklch(42.48% 0.0710 177.81) 35.5%, oklch(45.09% 0.0782 175.49) 38.7%, oklch(47.44% 0.0833 173.91) 41.9%, oklch(49.43% 0.0851 172.12) 45.2%, oklch(51.23% 0.0851 169.84) 48.4%, oklch(52.79% 0.0835 168.88) 51.6%, oklch(54.05% 0.0803 171.08) 54.8%, oklch(54.93% 0.0754 178.33) 58.1%, oklch(55.35% 0.0655 191.74) 61.3%, oklch(55.41% 0.0531 209.25) 64.5%, oklch(55.28% 0.0432 228.27) 67.7%, oklch(55.13% 0.0408 246.21) 71.0%, oklch(54.92% 0.0492 262.86) 74.2%, oklch(54.51% 0.0656 280.23) 77.4%, oklch(54.10% 0.0865 296.77) 80.6%, oklch(53.89% 0.1083 310.88) 83.9%, oklch(54.08% 0.1286 321.04) 87.1%, oklch(54.74% 0.1515 327.41) 90.3%, oklch(55.64% 0.1752 331.13) 93.5%, oklch(56.50% 0.1962 333.35) 96.8%, oklch(57.09% 0.2108 335.19) 100.0%);

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

Màu vệt dầu loang Gradient nhiều màu rực rỡ

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