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

Xanh dương nhạt, xám, xanh hải quân và xanh cổ vịt: bảng màu gồm 32 màu. #dff5fe, #06142e, #33c7c8. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

32 màu, 3 keyframe OKLCH chỉnh sửa được.

#dff5fe
#d5ebf5
#c8dee9
#b8ceda
#a6bcc9
#93a8b7
#8094a5
#6d8092
#5a6d7f
#495a6e
#39495e
#2b3a4f
#1f2c43
#152239
#0e1a32
#09152f
#06142e
#051531
#041a37
#042140
#032a4b
#013657
#004465
#005373
#006381
#007590
#00869d
#0a96aa
#18a6b4
#23b3bd
#2cbfc3
#33c7c8

CSS

background: linear-gradient(135deg in oklch, oklch(95.67% 0.0262 226.41) 0.0%, oklch(92.66% 0.0272 227.91) 3.2%, oklch(88.63% 0.0282 230.03) 6.5%, oklch(83.75% 0.0294 232.65) 9.7%, oklch(78.20% 0.0307 235.66) 12.9%, oklch(72.13% 0.0322 238.95) 16.1%, oklch(65.72% 0.0337 242.41) 19.4%, oklch(59.14% 0.0354 245.93) 22.6%, oklch(52.54% 0.0371 249.39) 25.8%, oklch(46.11% 0.0391 252.68) 29.0%, oklch(39.99% 0.0411 255.70) 32.3%, oklch(34.38% 0.0433 258.32) 35.5%, oklch(29.42% 0.0457 260.45) 38.7%, oklch(25.29% 0.0482 261.96) 41.9%, oklch(22.15% 0.0508 262.75) 45.2%, oklch(20.18% 0.0536 262.71) 48.4%, oklch(19.52% 0.0567 261.70) 51.6%, oklch(20.13% 0.0602 259.66) 54.8%, oklch(21.83% 0.0641 256.69) 58.1%, oklch(24.49% 0.0684 252.93) 61.3%, oklch(27.95% 0.0729 248.51) 64.5%, oklch(32.05% 0.0776 243.58) 67.7%, oklch(36.67% 0.0817 238.33) 71.0%, oklch(41.62% 0.0857 232.75) 74.2%, oklch(46.77% 0.0904 227.07) 77.4%, oklch(51.96% 0.0956 221.42) 80.6%, oklch(57.05% 0.1013 215.93) 83.9%, oklch(61.88% 0.1058 210.74) 87.1%, oklch(66.30% 0.1097 206.00) 90.3%, oklch(70.16% 0.1132 201.84) 93.5%, oklch(73.31% 0.1161 198.38) 96.8%, oklch(75.59% 0.1185 195.76) 100.0%);

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

Xanh dương tông lạnh

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