Xám, xanh dương và xanh dương nhạt (gradient hình nón)

Bảng màu Xám, xanh dương và xanh dương nhạt

Gradient hình nón, 32 màu, góc 315°: #d2dce2, #5f7798, #1c4f96, #35a2d4, #ccf9f5. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#d2dce2
#c7d3db
#b8c6d0
#a7b8c5
#97a9ba
#889cb1
#7a90a8
#6c83a0
#5f7798
#536c92
#46608b
#3a5585
#2f4b81
#264580
#214483
#1e488c
#1c4f96
#1958a2
#1562ab
#156db4
#1979bd
#2086c5
#2993cd
#35a2d4
#44b3db
#58c3e0
#6ed2e5
#83dde9
#99e7ec
#aeeeef
#c0f4f2
#ccf9f5

CSS

background: conic-gradient(from 315deg in oklch, oklch(88.98% 0.0138 232.03) 0.0%, oklch(86.10% 0.0168 234.43) 3.2%, oklch(82.01% 0.0211 237.89) 6.5%, oklch(77.32% 0.0262 241.77) 9.7%, oklch(72.68% 0.0319 245.46) 12.9%, oklch(68.53% 0.0379 248.54) 16.1%, oklch(64.37% 0.0445 251.53) 19.4%, oklch(60.25% 0.0516 254.33) 22.6%, oklch(56.30% 0.0592 256.78) 25.8%, oklch(52.64% 0.0673 258.69) 29.0%, oklch(48.84% 0.0764 260.16) 32.3%, oklch(45.06% 0.0863 261.23) 35.5%, oklch(41.91% 0.0961 261.80) 38.7%, oklch(40.00% 0.1051 261.76) 41.9%, oklch(39.84% 0.1133 261.00) 45.2%, oklch(41.21% 0.1214 259.53) 48.4%, oklch(43.57% 0.1287 257.51) 51.6%, oklch(46.41% 0.1342 255.08) 54.8%, oklch(49.22% 0.1369 252.38) 58.1%, oklch(52.28% 0.1368 249.48) 61.3%, oklch(55.69% 0.1346 246.25) 64.5%, oklch(59.37% 0.1308 242.49) 67.7%, oklch(63.22% 0.1261 238.02) 71.0%, oklch(67.38% 0.1206 232.45) 74.2%, oklch(71.97% 0.1138 225.76) 77.4%, oklch(76.62% 0.1060 218.72) 80.6%, oklch(80.92% 0.0974 212.09) 83.9%, oklch(84.56% 0.0881 206.49) 87.1%, oklch(87.85% 0.0766 201.27) 90.3%, oklch(90.77% 0.0642 196.53) 93.5%, oklch(93.16% 0.0532 192.58) 96.8%, oklch(94.88% 0.0455 189.76) 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