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

Gradient xuyên tâm, 40 màu: #e0eccc, #005574, #709069, #7cc2b6, #1d5680. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#e0eccc
#c7debd
#9dcbae
#69b2a5
#3195a1
#05759d
#145893
#1f4289
#1c3a83
#004380
#005574
#006a73
#08836c
#609261
#8f9c63
#aaa36d
#b3a674
#ada473
#9f9f6f
#89986a
#709069
#57886b
#43816f
#387d74
#387f7a
#408884
#4e9490
#5da49d
#6eb4ab
#7cc2b6
#85cbbf
#87cfc4
#7fcbc4
#70bfbe
#5daeb6
#499aab
#37859f
#297193
#206188
#1d5680

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(92.52% 0.0441 123.05) 0.0%, oklch(87.50% 0.0518 136.52) 2.6%, oklch(80.10% 0.0632 156.89) 5.1%, oklch(71.25% 0.0768 181.29) 7.7%, oklch(61.86% 0.0912 206.88) 10.3%, oklch(52.84% 0.1050 230.81) 12.8%, oklch(45.12% 0.1167 250.21) 15.4%, oklch(39.61% 0.1250 262.25) 17.9%, oklch(37.21% 0.1284 264.03) 20.5%, oklch(38.32% 0.1194 253.32) 23.1%, oklch(42.15% 0.0865 232.45) 25.6%, oklch(47.81% 0.0817 205.02) 28.2%, oklch(54.41% 0.1012 174.68) 30.8%, oklch(61.05% 0.0904 145.00) 33.3%, oklch(66.83% 0.0807 119.56) 35.9%, oklch(70.85% 0.0732 101.95) 38.5%, oklch(72.29% 0.0690 95.40) 41.0%, oklch(71.45% 0.0669 98.39) 43.6%, oklch(69.02% 0.0663 108.27) 46.2%, oklch(65.61% 0.0667 122.83) 48.7%, oklch(61.83% 0.0678 139.86) 51.3%, oklch(58.28% 0.0692 157.14) 53.8%, oklch(55.56% 0.0705 172.48) 56.4%, oklch(54.30% 0.0715 183.65) 59.0%, oklch(55.07% 0.0718 189.13) 61.5%, oklch(57.88% 0.0719 190.93) 64.1%, oklch(62.07% 0.0720 190.25) 66.7%, oklch(66.99% 0.0720 188.05) 69.2%, oklch(71.95% 0.0722 185.32) 71.8%, oklch(76.29% 0.0726 183.03) 74.4%, oklch(79.33% 0.0732 182.15) 76.9%, oklch(80.40% 0.0742 183.66) 79.5%, oklch(78.97% 0.0756 188.23) 82.1%, oklch(75.39% 0.0776 195.22) 84.6%, oklch(70.28% 0.0800 203.85) 87.2%, oklch(64.26% 0.0826 213.36) 89.7%, oklch(57.97% 0.0852 222.95) 92.3%, oklch(52.02% 0.0875 231.87) 94.9%, oklch(47.06% 0.0895 239.34) 97.4%, oklch(43.70% 0.0909 244.57) 100.0%);

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