Đen, xanh cổ vịt và xanh dương nhạt (tương đồng) (gradient tuyến tính)

Bảng màu Đen, xanh cổ vịt và xanh dương nhạt (tương đồng)

Gradient tuyến tính, 32 màu, góc 45°: #031c25, #09404b, #0b6e78, #1d9ba1, #70d0cf. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#031c25
#041f28
#04222c
#052731
#062c36
#07313b
#083641
#083b46
#09404b
#094551
#0a4b56
#0a515c
#0a5662
#0b5c67
#0b626d
#0b6873
#0b6e78
#0c747e
#0e7b84
#10818a
#12878f
#158e95
#18949b
#1d9ba1
#24a2a7
#2da8ac
#39afb3
#47b7b9
#54bfc0
#60c6c6
#6acccb
#70d0cf

CSS

background: linear-gradient(45deg in oklch, oklch(21.26% 0.0358 225.00) 0.0%, oklch(22.27% 0.0374 224.23) 3.2%, oklch(23.65% 0.0394 223.16) 6.5%, oklch(25.29% 0.0419 221.90) 9.7%, oklch(27.09% 0.0447 220.53) 12.9%, oklch(28.95% 0.0476 219.15) 16.1%, oklch(30.76% 0.0504 217.85) 19.4%, oklch(32.50% 0.0533 216.64) 22.6%, oklch(34.29% 0.0563 215.42) 25.8%, oklch(36.13% 0.0594 214.20) 29.0%, oklch(38.00% 0.0626 212.99) 32.3%, oklch(39.88% 0.0658 211.80) 35.5%, oklch(41.77% 0.0690 210.65) 38.7%, oklch(43.65% 0.0722 209.55) 41.9%, oklch(45.53% 0.0754 208.47) 45.2%, oklch(47.42% 0.0786 207.42) 48.4%, oklch(49.33% 0.0819 206.40) 51.6%, oklch(51.25% 0.0850 205.40) 54.8%, oklch(53.17% 0.0879 204.43) 58.1%, oklch(55.10% 0.0907 203.49) 61.3%, oklch(57.04% 0.0936 202.58) 64.5%, oklch(58.97% 0.0965 201.69) 67.7%, oklch(60.92% 0.0992 200.84) 71.0%, oklch(62.89% 0.1014 200.01) 74.2%, oklch(64.90% 0.1029 199.20) 77.4%, oklch(66.96% 0.1033 198.43) 80.6%, oklch(69.25% 0.1024 197.63) 83.9%, oklch(71.74% 0.1004 196.83) 87.1%, oklch(74.24% 0.0977 196.06) 90.3%, oklch(76.55% 0.0950 195.37) 93.5%, oklch(78.51% 0.0925 194.78) 96.8%, oklch(79.92% 0.0909 194.35) 100.0%);

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

Gradient xanh lơ

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