Xanh dương và xám (đơn sắc) (gradient hình nón)

Gradient hình nón, 32 màu, góc 315°: #114084, #227ebc, #99d0df, #e2f0e4, #3684bd. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#114084
#134489
#174a91
#1b5299
#1f5aa2
#2263aa
#236bb1
#2274b6
#227ebc
#2587c0
#2f91c5
#3f9bca
#54a4d1
#69aed8
#7bb9dd
#8bc4e0
#99d0df
#afdbd9
#cce4d7
#e3ebdf
#eff0ea
#f2f3ee
#eff2ea
#e2f0e4
#cdebe4
#b7e3e9
#a5d8ea
#91c8e5
#78b4db
#5ea1cf
#4690c4
#3684bd

CSS

background: conic-gradient(from 315deg in oklch, oklch(38.19% 0.1254 258.75) 0.0%, oklch(39.71% 0.1264 258.25) 3.2%, oklch(41.83% 0.1281 257.67) 6.5%, oklch(44.33% 0.1298 256.85) 9.7%, oklch(46.99% 0.1310 255.62) 12.9%, oklch(49.59% 0.1310 253.83) 16.1%, oklch(52.03% 0.1300 251.21) 19.4%, oklch(54.47% 0.1285 247.73) 22.6%, oklch(56.99% 0.1261 243.82) 25.8%, oklch(59.61% 0.1226 239.93) 29.0%, oklch(62.41% 0.1177 236.48) 32.3%, oklch(65.44% 0.1111 234.53) 35.5%, oklch(68.75% 0.1027 235.20) 38.7%, oklch(72.22% 0.0929 236.27) 41.9%, oklch(75.71% 0.0824 235.35) 45.2%, oklch(79.09% 0.0715 230.01) 48.4%, oklch(82.38% 0.0602 217.03) 51.6%, oklch(86.08% 0.0460 192.67) 54.8%, oklch(89.81% 0.0308 162.85) 58.1%, oklch(93.07% 0.0172 134.69) 61.3%, oklch(95.35% 0.0080 115.32) 64.5%, oklch(96.16% 0.0056 111.74) 67.7%, oklch(95.65% 0.0105 125.39) 71.0%, oklch(94.10% 0.0205 150.07) 74.2%, oklch(91.72% 0.0333 179.01) 77.4%, oklch(88.69% 0.0466 205.45) 80.6%, oklch(85.20% 0.0583 222.78) 83.9%, oklch(80.37% 0.0705 232.28) 87.1%, oklch(74.40% 0.0838 237.77) 90.3%, oklch(68.23% 0.0967 240.63) 93.5%, oklch(62.80% 0.1079 242.23) 96.8%, oklch(59.06% 0.1157 243.96) 100.0%);

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

Oktoberfest

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