Xanh hải quân, xanh lơ và be (ba tông) (gradient tuyến tính)

Bảng màu Xanh hải quân, xanh lơ và be (ba tông)

Gradient tuyến tính, 32 màu, góc 45°: #0c4467, #328dbe, #49e4fe, #b2f1b8, #f5dab2. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0c4467
#0f496d
#124f75
#17577e
#1c6089
#216a95
#2775a2
#2d81b0
#328dbe
#3899cb
#3ca6d8
#40b2e4
#42beef
#44caf7
#45d4fd
#48ddff
#49e4fe
#4febfa
#59f0f2
#68f3e8
#7af5dc
#8df5cf
#a0f4c2
#b2f1b8
#c3eeaf
#d1eaaa
#dce6a7
#e4e2a7
#ebdfa9
#f0ddab
#f3dbaf
#f5dab2

CSS

background: linear-gradient(45deg in oklch, oklch(37.01% 0.0813 242.58) 0.0%, oklch(38.80% 0.0833 241.75) 3.2%, oklch(41.09% 0.0861 241.07) 6.5%, oklch(43.80% 0.0896 240.48) 9.7%, oklch(46.87% 0.0935 239.90) 12.9%, oklch(50.21% 0.0979 239.29) 16.1%, oklch(53.76% 0.1024 238.56) 19.4%, oklch(57.45% 0.1070 237.66) 22.6%, oklch(61.20% 0.1116 236.52) 25.8%, oklch(64.95% 0.1160 235.09) 29.0%, oklch(68.62% 0.1201 233.29) 32.3%, oklch(72.15% 0.1238 231.06) 35.5%, oklch(75.45% 0.1268 228.35) 38.7%, oklch(78.46% 0.1292 225.07) 41.9%, oklch(81.11% 0.1306 221.18) 45.2%, oklch(83.33% 0.1306 216.60) 48.4%, oklch(85.07% 0.1304 211.21) 51.6%, oklch(86.48% 0.1285 204.53) 54.8%, oklch(87.61% 0.1256 196.69) 58.1%, oklch(88.50% 0.1218 187.87) 61.3%, oklch(89.17% 0.1172 178.27) 64.5%, oklch(89.64% 0.1120 168.10) 67.7%, oklch(89.95% 0.1063 157.54) 71.0%, oklch(90.13% 0.1004 146.79) 74.2%, oklch(90.20% 0.0943 136.06) 77.4%, oklch(90.20% 0.0882 125.53) 80.6%, oklch(90.15% 0.0823 115.41) 83.9%, oklch(90.07% 0.0767 105.88) 87.1%, oklch(90.01% 0.0716 97.16) 90.3%, oklch(89.98% 0.0671 89.42) 93.5%, oklch(90.02% 0.0634 82.88) 96.8%, oklch(90.16% 0.0606 77.72) 100.0%);

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

Gradient bãi biển

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