Xanh hải quân, xám và xám đậm (gradient hình nón)

Gradient hình nón, 32 màu, góc 270°: #2c2734, #726881, #d8e0e7, #98bac0, #294148. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#2c2734
#302b3a
#373142
#40394b
#494155
#524a5f
#5c536a
#665d75
#726881
#7e748d
#8c829a
#9c91a6
#aba0b3
#b7afc1
#c2bfcf
#ccd0dc
#d8e0e7
#e2eaed
#e4edef
#dceaec
#cde2e4
#bbd6da
#a9c9ce
#98bac0
#86a9b0
#73979e
#63858d
#54757d
#47656d
#3a565e
#304951
#294148

CSS

background: conic-gradient(from 270deg in oklch, oklch(28.35% 0.0248 300.94) 0.0%, oklch(30.19% 0.0267 301.33) 3.2%, oklch(32.79% 0.0294 301.93) 6.5%, oklch(35.86% 0.0324 302.53) 9.7%, oklch(39.15% 0.0350 302.96) 12.9%, oklch(42.44% 0.0368 303.05) 16.1%, oklch(45.92% 0.0386 302.78) 19.4%, oklch(49.63% 0.0399 302.38) 22.6%, oklch(53.55% 0.0405 302.05) 25.8%, oklch(57.70% 0.0398 302.06) 29.0%, oklch(62.28% 0.0374 304.61) 32.3%, oklch(67.19% 0.0339 308.43) 35.5%, oklch(72.11% 0.0298 310.20) 38.7%, oklch(76.73% 0.0258 306.59) 41.9%, oklch(81.15% 0.0219 293.78) 45.2%, oklch(85.90% 0.0170 271.71) 48.4%, oklch(90.21% 0.0125 246.38) 51.6%, oklch(93.22% 0.0097 223.98) 54.8%, oklch(94.09% 0.0102 210.49) 58.1%, oklch(92.70% 0.0149 205.38) 61.3%, oklch(89.68% 0.0221 205.20) 64.5%, oklch(85.68% 0.0296 207.27) 67.7%, oklch(81.32% 0.0353 208.95) 71.0%, oklch(76.62% 0.0382 209.42) 74.2%, oklch(71.05% 0.0398 210.54) 77.4%, oklch(65.12% 0.0403 212.02) 80.6%, oklch(59.34% 0.0402 213.53) 83.9%, oklch(54.08% 0.0396 214.82) 87.1%, oklch(48.68% 0.0379 216.17) 90.3%, oklch(43.46% 0.0356 217.54) 93.5%, oklch(38.99% 0.0332 218.73) 96.8%, oklch(35.83% 0.0317 219.57) 100.0%);

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

Gradient kí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