Xanh hải quân, xanh cổ vịt và vàng (ba tông) (gradient xuyên tâm)

Bảng màu Xanh hải quân, xanh cổ vịt và vàng (ba tông)

Gradient xuyên tâm, 32 màu: #071c24, #15637a, #00b1ac, #5ee38e, #dcea2c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#071c24
#08202a
#0a2732
#0d2f3c
#0f3847
#124253
#144c60
#15576d
#15637a
#136e86
#0d7890
#008298
#008b9f
#0095a4
#009ea8
#00a8aa
#00b1ac
#00baac
#00c3ab
#00cba8
#0dd3a3
#30d99d
#48de96
#5ee38e
#73e683
#87e878
#99ea6b
#aaeb5e
#baeb51
#c7eb44
#d3eb37
#dcea2c

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(21.26% 0.0317 228.52) 0.0%, oklch(23.17% 0.0353 228.09) 3.2%, oklch(25.65% 0.0400 227.77) 6.5%, oklch(28.61% 0.0455 227.48) 9.7%, oklch(31.91% 0.0517 227.13) 12.9%, oklch(35.46% 0.0584 226.64) 16.1%, oklch(39.15% 0.0654 225.91) 19.4%, oklch(42.86% 0.0725 224.86) 22.6%, oklch(46.47% 0.0796 223.40) 25.8%, oklch(49.89% 0.0865 221.46) 29.0%, oklch(52.99% 0.0930 218.93) 32.3%, oklch(55.77% 0.0989 215.74) 35.5%, oklch(58.49% 0.1018 211.81) 38.7%, oklch(61.15% 0.1049 207.27) 41.9%, oklch(63.74% 0.1085 202.24) 45.2%, oklch(66.25% 0.1128 196.84) 48.4%, oklch(68.67% 0.1182 191.19) 51.6%, oklch(70.98% 0.1248 185.42) 54.8%, oklch(73.18% 0.1331 179.64) 58.1%, oklch(75.24% 0.1432 173.97) 61.3%, oklch(77.15% 0.1538 168.54) 64.5%, oklch(78.92% 0.1587 163.42) 67.7%, oklch(80.54% 0.1633 158.09) 71.0%, oklch(82.03% 0.1677 152.51) 74.2%, oklch(83.39% 0.1718 146.80) 77.4%, oklch(84.64% 0.1758 141.10) 80.6%, oklch(85.76% 0.1795 135.53) 83.9%, oklch(86.77% 0.1829 130.24) 87.1%, oklch(87.67% 0.1859 125.34) 90.3%, oklch(88.47% 0.1886 120.98) 93.5%, oklch(89.16% 0.1910 117.28) 96.8%, oklch(89.76% 0.1929 114.39) 100.0%);

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

Gradient cyberpunk

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