Xanh hải quân, xanh dương, xanh cổ vịt và xanh dương nhạt tông lạnh (gradient tuyến tính)

Bảng màu Xanh hải quân, xanh dương, xanh cổ vịt và xanh dương nhạt tông lạnh

Gradient tuyến tính, 32 màu, góc 225°: #0e1744, #2c12a2, #30696f, #1d927e, #5fb1c7. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0e1744
#10174c
#141657
#1a1365
#210d74
#280583
#2e0090
#30029b
#2c12a2
#2026a4
#00389f
#004986
#00527c
#005978
#006075
#246470
#30696f
#356e70
#367472
#337a74
#2d8076
#268778
#208d7b
#1d927e
#209785
#259c8e
#2da19a
#37a6a5
#43a9b1
#4eacba
#58afc1
#5fb1c7

CSS

background: linear-gradient(225deg in oklch, oklch(22.83% 0.0854 270.00) 0.0%, oklch(23.81% 0.0969 271.15) 3.2%, oklch(25.11% 0.1144 273.29) 6.5%, oklch(26.65% 0.1352 275.87) 9.7%, oklch(28.37% 0.1570 278.34) 12.9%, oklch(30.18% 0.1773 280.17) 16.1%, oklch(32.04% 0.1927 280.78) 19.4%, oklch(33.79% 0.2036 279.70) 22.6%, oklch(35.44% 0.2046 276.29) 25.8%, oklch(37.05% 0.1951 270.09) 29.0%, oklch(38.69% 0.1742 261.63) 32.3%, oklch(40.32% 0.1193 251.60) 35.5%, oklch(41.96% 0.0974 240.78) 38.7%, oklch(43.59% 0.0868 229.93) 41.9%, oklch(45.22% 0.0821 219.79) 45.2%, oklch(46.84% 0.0666 211.17) 48.4%, oklch(48.44% 0.0596 204.48) 51.6%, oklch(50.03% 0.0593 198.36) 54.8%, oklch(51.62% 0.0638 192.71) 58.1%, oklch(53.20% 0.0715 187.72) 61.3%, oklch(54.77% 0.0808 183.56) 64.5%, oklch(56.34% 0.0902 180.43) 67.7%, oklch(57.90% 0.0980 178.50) 71.0%, oklch(59.45% 0.1028 177.96) 74.2%, oklch(61.05% 0.1039 179.30) 77.4%, oklch(62.77% 0.1030 183.02) 80.6%, oklch(64.54% 0.1006 188.45) 83.9%, oklch(66.30% 0.0974 194.92) 87.1%, oklch(67.96% 0.0938 201.72) 90.3%, oklch(69.45% 0.0902 208.15) 93.5%, oklch(70.71% 0.0873 213.53) 96.8%, oklch(71.65% 0.0854 217.16) 100.0%);

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

Gradient biển sâu

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