Xám, xanh hải quân và nâu vàng (gradient xuyên tâm)

Gradient xuyên tâm, 32 màu: #f0e8c9, #b2c4d0, #6c8096, #2a3546, #c7a26a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f0e8c9
#e7e7c9
#dce6cb
#cfe4cf
#c5e0d4
#bedad7
#bad3d8
#b6cbd5
#b2c4d0
#acbccb
#a5b4c4
#9dadbe
#94a4b7
#8a9cb0
#8093a8
#768a9f
#6c8096
#627388
#566479
#4b5569
#40485b
#363d4f
#2f3648
#2a3546
#283a4a
#274754
#2c5a5c
#3f6f60
#62835e
#8a925c
#ae9c61
#c7a26a

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(92.91% 0.0413 94.92) 0.0%, oklch(92.06% 0.0399 107.20) 3.2%, oklch(91.00% 0.0378 124.59) 6.5%, oklch(89.74% 0.0352 145.36) 9.7%, oklch(88.29% 0.0326 167.76) 12.9%, oklch(86.68% 0.0300 190.05) 16.1%, oklch(84.91% 0.0279 210.48) 19.4%, oklch(83.01% 0.0266 227.31) 22.6%, oklch(80.98% 0.0262 238.89) 25.8%, oklch(78.79% 0.0270 245.94) 29.0%, oklch(76.45% 0.0286 249.79) 32.3%, oklch(73.95% 0.0309 251.23) 35.5%, oklch(71.31% 0.0334 251.05) 38.7%, oklch(68.53% 0.0359 250.05) 41.9%, oklch(65.62% 0.0381 249.03) 45.2%, oklch(62.58% 0.0396 248.79) 48.4%, oklch(59.28% 0.0400 250.20) 51.6%, oklch(54.99% 0.0393 253.80) 54.8%, oklch(50.03% 0.0376 258.58) 58.1%, oklch(44.90% 0.0356 263.37) 61.3%, oklch(40.10% 0.0338 267.00) 64.5%, oklch(36.11% 0.0325 268.29) 67.7%, oklch(33.43% 0.0323 266.08) 71.0%, oklch(32.55% 0.0338 259.19) 74.2%, oklch(34.05% 0.0374 245.84) 77.4%, oklch(37.97% 0.0431 225.15) 80.6%, oklch(43.63% 0.0504 199.38) 83.9%, oklch(50.31% 0.0586 170.88) 87.1%, oklch(57.32% 0.0668 142.03) 90.3%, oklch(63.94% 0.0745 115.18) 93.5%, oklch(69.48% 0.0809 92.70) 96.8%, oklch(73.23% 0.0854 76.96) 100.0%);

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

Màu liminal

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