Xanh hải quân, xanh cổ vịt và xanh chanh (ba tông) (gradient tuyến tính)

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

Gradient tuyến tính, 32 màu, góc 135°: #031b28, #026e8b, #00d9d1, #57ff91, #d9ff36. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#031b28
#04202f
#052839
#063145
#073c53
#084961
#085570
#06627f
#026e8b
#007b98
#0089a4
#0098af
#04a7ba
#08b5c3
#0ac3ca
#06cfcf
#00d9d1
#00e2cf
#00e9cb
#00efc4
#00f5b9
#1af9ac
#3cfc9f
#57ff91
#77ff8a
#8fff83
#a2ff7c
#b2ff73
#bfff68
#c9ff5b
#d2ff4a
#d9ff36

CSS

background: linear-gradient(135deg in oklch, oklch(20.87% 0.0400 235.55) 0.0%, oklch(23.13% 0.0442 234.86) 3.2%, oklch(26.14% 0.0500 234.12) 6.5%, oklch(29.72% 0.0569 233.24) 9.7%, oklch(33.71% 0.0644 232.16) 12.9%, oklch(37.92% 0.0723 230.80) 16.1%, oklch(42.17% 0.0801 229.08) 19.4%, oklch(46.30% 0.0874 226.92) 22.6%, oklch(50.16% 0.0938 224.26) 25.8%, oklch(54.12% 0.0993 221.07) 29.0%, oklch(58.28% 0.1043 217.39) 32.3%, oklch(62.50% 0.1095 213.30) 35.5%, oklch(66.65% 0.1144 208.90) 38.7%, oklch(70.60% 0.1196 204.27) 41.9%, oklch(74.22% 0.1252 199.49) 45.2%, oklch(77.38% 0.1315 194.65) 48.4%, oklch(79.96% 0.1382 189.74) 51.6%, oklch(82.01% 0.1449 184.44) 54.8%, oklch(83.65% 0.1530 178.84) 58.1%, oklch(84.96% 0.1630 173.06) 61.3%, oklch(86.03% 0.1758 167.26) 64.5%, oklch(86.96% 0.1888 161.58) 67.7%, oklch(87.83% 0.1974 156.15) 71.0%, oklch(88.73% 0.2040 151.13) 74.2%, oklch(89.69% 0.1977 146.46) 77.4%, oklch(90.58% 0.1917 141.83) 80.6%, oklch(91.38% 0.1888 137.31) 83.9%, oklch(92.09% 0.1887 133.03) 87.1%, oklch(92.72% 0.1914 129.08) 90.3%, oklch(93.26% 0.1967 125.58) 93.5%, oklch(93.72% 0.2039 122.64) 96.8%, oklch(94.09% 0.2108 120.36) 100.0%);

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

Gradient neon

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