Xanh dương đậm, xanh dương nhạt và xanh dương tông lạnh (gradient tuyến tính)

Bảng màu Xanh dương đậm, xanh dương nhạt và xanh dương tông lạnh

Gradient tuyến tính, 32 màu, góc 135°: #121571, #9bccdc, #799baa, #336186, #56aee8. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#121571
#11277b
#113c87
#1a5495
#2c6ea5
#4688b4
#63a2c2
#80b9d0
#9bccdc
#b1dbe5
#c0e3eb
#c4e4ea
#bfdee4
#b3d2d9
#a2c2cb
#8eafbb
#799baa
#64889b
#52778d
#436983
#39607d
#345c7b
#325d7f
#336186
#366891
#3b729e
#407dac
#4589bb
#4b94c9
#509fd6
#54a8e1
#56aee8

CSS

background: linear-gradient(135deg in oklch, oklch(27.95% 0.1516 270.00) 0.0%, oklch(31.94% 0.1444 266.22) 3.2%, oklch(37.62% 0.1345 260.88) 6.5%, oklch(44.53% 0.1224 254.40) 9.7%, oklch(52.23% 0.1090 247.17) 12.9%, oklch(60.25% 0.0949 239.62) 16.1%, oklch(68.15% 0.0808 232.16) 19.4%, oklch(75.46% 0.0674 225.19) 22.6%, oklch(81.73% 0.0555 219.13) 25.8%, oklch(86.50% 0.0457 214.39) 29.0%, oklch(89.33% 0.0388 211.37) 32.3%, oklch(89.79% 0.0350 210.41) 35.5%, oklch(87.94% 0.0336 211.28) 38.7%, oklch(84.26% 0.0342 213.63) 41.9%, oklch(79.22% 0.0364 217.12) 45.2%, oklch(73.30% 0.0398 221.38) 48.4%, oklch(66.97% 0.0442 226.09) 51.6%, oklch(60.71% 0.0493 230.88) 54.8%, oklch(55.00% 0.0546 235.41) 58.1%, oklch(50.31% 0.0598 239.33) 61.3%, oklch(47.12% 0.0647 242.30) 64.5%, oklch(45.86% 0.0689 244.02) 67.7%, oklch(46.19% 0.0736 244.91) 71.0%, oklch(47.73% 0.0789 245.23) 74.2%, oklch(50.20% 0.0846 245.11) 77.4%, oklch(53.36% 0.0906 244.63) 80.6%, oklch(56.94% 0.0966 243.91) 83.9%, oklch(60.68% 0.1024 243.06) 87.1%, oklch(64.32% 0.1078 242.17) 90.3%, oklch(67.60% 0.1127 241.37) 93.5%, oklch(70.26% 0.1168 240.74) 96.8%, oklch(72.05% 0.1199 240.41) 100.0%);

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

Gradient xanh dương

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