Đen, xanh dương và xanh hải quân (đơn sắc) (gradient tuyến tính)

Bảng màu Đen, xanh dương và xanh hải quân (đơn sắc)

Gradient tuyến tính, 32 màu, góc 90°: #02040a, #030a19, #0f5876, #117692, #08101f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#02040a
#02040b
#02050c
#02050d
#02050e
#020610
#020612
#030815
#030a19
#040d1e
#051124
#07172c
#092037
#0c2b45
#0f3955
#104866
#0f5876
#0b6784
#077490
#037e99
#02849e
#04859f
#0a809b
#117692
#166986
#185976
#184965
#163954
#132b43
#0f1f33
#0a1627
#08101f

CSS

background: linear-gradient(90deg in oklch, oklch(10.63% 0.0193 262.27) 0.0%, oklch(10.95% 0.0206 262.11) 3.2%, oklch(11.19% 0.0220 262.09) 6.5%, oklch(11.42% 0.0237 262.13) 9.7%, oklch(11.70% 0.0256 262.16) 12.9%, oklch(12.08% 0.0277 262.09) 16.1%, oklch(12.63% 0.0301 261.86) 19.4%, oklch(13.41% 0.0328 261.38) 22.6%, oklch(14.49% 0.0358 260.57) 25.8%, oklch(15.93% 0.0391 259.36) 29.0%, oklch(17.78% 0.0428 257.67) 32.3%, oklch(20.28% 0.0471 255.25) 35.5%, oklch(23.84% 0.0529 251.69) 38.7%, oklch(28.22% 0.0598 247.26) 41.9%, oklch(33.11% 0.0673 242.26) 45.2%, oklch(38.22% 0.0750 237.01) 48.4%, oklch(43.27% 0.0825 231.83) 51.6%, oklch(47.93% 0.0893 227.04) 54.8%, oklch(51.94% 0.0951 222.95) 58.1%, oklch(54.97% 0.0994 219.88) 61.3%, oklch(56.75% 0.1017 218.14) 64.5%, oklch(56.97% 0.1017 218.06) 67.7%, oklch(55.50% 0.0989 219.75) 71.0%, oklch(52.62% 0.0939 222.94) 74.2%, oklch(48.66% 0.0871 227.28) 77.4%, oklch(43.92% 0.0791 232.44) 80.6%, oklch(38.73% 0.0703 238.06) 83.9%, oklch(33.42% 0.0614 243.80) 87.1%, oklch(28.30% 0.0529 249.33) 90.3%, oklch(23.70% 0.0452 254.30) 93.5%, oklch(19.93% 0.0388 258.38) 96.8%, oklch(17.32% 0.0344 261.21) 100.0%);

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

Gradient Cyber Monday

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