Xanh hải quân, xanh dương và xanh dương nhạt tông lạnh (gradient hình nón)

Bảng màu Xanh hải quân, xanh dương và xanh dương nhạt tông lạnh

Gradient hình nón, 32 màu, góc 315°: #121e37, #1a518c, #208bc7, #addfed, #1b3052. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#121e37
#14223f
#152849
#162e55
#173561
#173c6c
#184377
#194a82
#1a518c
#1a5896
#1a609f
#1967a7
#1a6faf
#1b77b6
#1c7ebd
#1d84c2
#208bc7
#2a94cc
#3ca0d2
#5db6db
#85cee7
#a8e1f0
#b9e8f4
#addfed
#8dc8de
#66aacd
#478cba
#3674a7
#2d5e8f
#264b77
#203b61
#1b3052

CSS

background: conic-gradient(from 315deg in oklch, oklch(24.02% 0.0510 263.67) 0.0%, oklch(25.62% 0.0573 262.65) 3.2%, oklch(27.90% 0.0664 261.18) 6.5%, oklch(30.53% 0.0766 259.52) 9.7%, oklch(33.19% 0.0861 257.93) 12.9%, oklch(35.64% 0.0938 256.61) 16.1%, oklch(38.14% 0.1008 255.46) 19.4%, oklch(40.67% 0.1073 254.36) 22.6%, oklch(43.18% 0.1130 253.19) 25.8%, oklch(45.62% 0.1177 251.84) 29.0%, oklch(47.97% 0.1216 250.34) 32.3%, oklch(50.28% 0.1247 248.73) 35.5%, oklch(52.56% 0.1269 247.02) 38.7%, oklch(54.85% 0.1280 245.19) 41.9%, oklch(57.01% 0.1286 243.36) 45.2%, oklch(58.82% 0.1291 241.66) 48.4%, oklch(60.76% 0.1284 239.76) 51.6%, oklch(63.29% 0.1249 237.36) 54.8%, oklch(67.03% 0.1169 234.01) 58.1%, oklch(73.52% 0.1007 228.34) 61.3%, oklch(81.19% 0.0803 221.66) 64.5%, oklch(87.59% 0.0617 216.14) 67.7%, oklch(90.23% 0.0514 213.93) 71.0%, oklch(87.27% 0.0546 216.75) 74.2%, oklch(79.99% 0.0683 223.53) 77.4%, oklch(70.63% 0.0853 232.05) 80.6%, oklch(61.42% 0.0987 240.08) 83.9%, oklch(54.18% 0.1019 245.74) 87.1%, oklch(47.26% 0.0960 250.28) 90.3%, oklch(40.68% 0.0855 254.13) 93.5%, oklch(35.07% 0.0747 257.21) 96.8%, oklch(31.10% 0.0675 259.44) 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