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

Gradient xuyên tâm, 64 màu: #081c2f, #176c88, #82e2d1, #eff5e8, #e89a3d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#081c2f
#081e33
#092136
#0a243a
#0b283f
#0d2c44
#0e314a
#0e3650
#0f3b56
#10405c
#114663
#114c69
#125370
#135976
#145f7c
#156682
#176c88
#1a738e
#1d7a94
#21829a
#258aa0
#2a92a6
#309bac
#36a3b2
#3dacb8
#44b4bd
#4cbcc1
#54c4c6
#5dcbc9
#66d2cc
#6fd8cf
#79ded0
#82e2d1
#8de6d2
#98ead3
#a3edd4
#afefd5
#baf2d7
#c4f3d9
#cdf4db
#d5f5de
#ddf6e1
#e3f6e3
#e8f6e6
#ebf6e8
#edf6e9
#eff5e9
#eff5e8
#eef3e5
#ecf1e0
#eaeed8
#e8eacf
#e5e5c4
#e4e0b7
#e3d9aa
#e2d29c
#e2ca8d
#e3c37f
#e3bb71
#e4b363
#e6ab57
#e7a44d
#e79e44
#e89a3d

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(22.05% 0.0469 250.31) 0.0%, oklch(23.00% 0.0483 249.48) 1.6%, oklch(24.13% 0.0502 248.54) 3.2%, oklch(25.41% 0.0524 247.48) 4.8%, oklch(26.84% 0.0549 246.32) 6.3%, oklch(28.39% 0.0576 245.05) 7.9%, oklch(30.06% 0.0605 243.68) 9.5%, oklch(31.83% 0.0635 242.22) 11.1%, oklch(33.68% 0.0666 240.67) 12.7%, oklch(35.59% 0.0697 239.03) 14.3%, oklch(37.57% 0.0728 237.31) 15.9%, oklch(39.58% 0.0757 235.51) 17.5%, oklch(41.61% 0.0785 233.63) 19.0%, oklch(43.66% 0.0811 231.69) 20.6%, oklch(45.70% 0.0835 229.68) 22.2%, oklch(47.72% 0.0855 227.60) 23.8%, oklch(49.71% 0.0872 225.47) 25.4%, oklch(51.80% 0.0889 223.25) 27.0%, oklch(54.01% 0.0906 220.93) 28.6%, oklch(56.32% 0.0923 218.52) 30.2%, oklch(58.72% 0.0939 216.02) 31.7%, oklch(61.17% 0.0955 213.44) 33.3%, oklch(63.65% 0.0970 210.79) 34.9%, oklch(66.14% 0.0983 208.06) 36.5%, oklch(68.62% 0.0994 205.27) 38.1%, oklch(71.05% 0.1003 202.42) 39.7%, oklch(73.42% 0.1008 199.50) 41.3%, oklch(75.70% 0.1010 196.54) 42.9%, oklch(77.88% 0.1008 193.53) 44.4%, oklch(79.91% 0.1002 190.47) 46.0%, oklch(81.79% 0.0991 187.38) 47.6%, oklch(83.48% 0.0975 184.25) 49.2%, oklch(84.99% 0.0952 181.09) 50.8%, oklch(86.42% 0.0916 177.86) 52.4%, oklch(87.78% 0.0868 174.55) 54.0%, oklch(89.07% 0.0811 171.17) 55.6%, oklch(90.28% 0.0746 167.73) 57.1%, oklch(91.41% 0.0676 164.23) 58.7%, oklch(92.43% 0.0603 160.68) 60.3%, oklch(93.36% 0.0529 157.09) 61.9%, oklch(94.17% 0.0456 153.46) 63.5%, oklch(94.87% 0.0387 149.81) 65.1%, oklch(95.44% 0.0325 146.12) 66.7%, oklch(95.87% 0.0270 142.43) 68.3%, oklch(96.17% 0.0225 138.72) 69.8%, oklch(96.31% 0.0193 135.01) 71.4%, oklch(96.31% 0.0176 131.30) 73.0%, oklch(96.13% 0.0176 127.60) 74.6%, oklch(95.74% 0.0195 123.83) 76.2%, oklch(95.04% 0.0234 119.83) 77.8%, oklch(94.05% 0.0289 115.65) 79.4%, oklch(92.83% 0.0359 111.32) 81.0%, oklch(91.41% 0.0440 106.90) 82.5%, oklch(89.84% 0.0531 102.44) 84.1%, oklch(88.15% 0.0628 97.99) 85.7%, oklch(86.39% 0.0730 93.60) 87.3%, oklch(84.61% 0.0834 89.31) 88.9%, oklch(82.84% 0.0937 85.18) 90.5%, oklch(81.12% 0.1038 81.25) 92.1%, oklch(79.50% 0.1132 77.58) 93.7%, oklch(78.01% 0.1219 74.21) 95.2%, oklch(76.71% 0.1295 71.20) 96.8%, oklch(75.62% 0.1358 68.59) 98.4%, oklch(74.80% 0.1406 66.44) 100.0%);

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

Đính đá lấp lánh

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