Trắng ngà, xanh cổ vịt và xanh dương (gradient xuyên tâm)

Bảng màu Trắng ngà, xanh cổ vịt và xanh dương

Gradient xuyên tâm, 32 màu: #f2fadf, #0f597e, #2b3c6c, #30607d, #0e6a60. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f2fadf
#e0efd2
#c6dfc3
#a6ccb3
#82b7a6
#5da09b
#3a8891
#1e6f87
#0f597e
#104674
#15376b
#192f65
#1c2b63
#1f2c62
#232f64
#273568
#2b3c6c
#2f4371
#324b76
#35527a
#37577d
#375b7e
#345d7e
#30607d
#2a627c
#236479
#1b6676
#136771
#0d686d
#0a6968
#0b6964
#0e6a60

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(97.24% 0.0372 121.64) 0.0%, oklch(93.27% 0.0411 130.27) 3.2%, oklch(87.77% 0.0467 142.13) 6.5%, oklch(81.12% 0.0534 156.43) 9.7%, oklch(73.70% 0.0608 172.39) 12.9%, oklch(65.90% 0.0686 189.21) 16.1%, oklch(58.10% 0.0764 206.12) 19.4%, oklch(50.66% 0.0837 222.32) 22.6%, oklch(43.98% 0.0900 237.04) 25.8%, oklch(38.44% 0.0951 249.47) 29.0%, oklch(34.41% 0.0985 258.83) 32.3%, oklch(32.13% 0.0999 264.80) 35.5%, oklch(31.24% 0.0995 268.55) 38.7%, oklch(31.48% 0.0976 270.45) 41.9%, oklch(32.62% 0.0946 270.74) 45.2%, oklch(34.41% 0.0908 269.68) 48.4%, oklch(36.63% 0.0867 267.53) 51.6%, oklch(39.04% 0.0824 264.54) 54.8%, oklch(41.40% 0.0784 260.98) 58.1%, oklch(43.47% 0.0750 257.08) 61.3%, oklch(45.03% 0.0726 253.12) 64.5%, oklch(45.88% 0.0714 249.23) 67.7%, oklch(46.40% 0.0710 244.23) 71.0%, oklch(46.78% 0.0713 238.01) 74.2%, oklch(47.02% 0.0720 230.89) 77.4%, oklch(47.16% 0.0730 223.21) 80.6%, oklch(47.23% 0.0743 215.30) 83.9%, oklch(47.24% 0.0757 207.49) 87.1%, oklch(47.22% 0.0771 200.13) 90.3%, oklch(47.20% 0.0783 193.53) 93.5%, oklch(47.20% 0.0793 188.04) 96.8%, oklch(47.24% 0.0799 183.99) 100.0%);

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

Gradient màu giả thiên văn

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