Xanh hải quân sang xanh dương nhạt (đơn sắc) tông trầm (gradient xuyên tâm)

Bảng màu Xanh hải quân sang xanh dương nhạt (đơn sắc) tông trầm

Gradient xuyên tâm, 32 màu: #192e64, #365593, #6c8ec6, #90b4dc, #91bdcd. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#192e64
#1b3168
#1e356c
#213972
#243e78
#28437f
#2d4986
#314f8d
#365593
#3c5c99
#4363a0
#4a6aa7
#5171af
#5879b5
#6080bc
#6687c2
#6c8ec6
#7294cb
#789acf
#7ea0d3
#84a6d6
#89abd9
#8db0db
#90b4dc
#92b7dc
#93b9db
#93bbd9
#92bcd7
#91bcd4
#91bcd1
#90bdcf
#91bdcd

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(31.89% 0.0992 265.08) 0.0%, oklch(32.93% 0.1000 264.91) 3.2%, oklch(34.28% 0.1013 264.68) 6.5%, oklch(35.88% 0.1028 264.41) 9.7%, oklch(37.69% 0.1043 264.11) 12.9%, oklch(39.63% 0.1057 263.80) 16.1%, oklch(41.67% 0.1068 263.48) 19.4%, oklch(43.74% 0.1075 263.18) 22.6%, oklch(45.79% 0.1074 262.90) 25.8%, oklch(47.99% 0.1068 262.70) 29.0%, oklch(50.35% 0.1058 262.57) 32.3%, oklch(52.82% 0.1044 262.46) 35.5%, oklch(55.32% 0.1028 262.31) 38.7%, oklch(57.79% 0.1008 262.08) 41.9%, oklch(60.16% 0.0987 261.73) 45.2%, oklch(62.36% 0.0963 261.20) 48.4%, oklch(64.38% 0.0938 260.48) 51.6%, oklch(66.34% 0.0907 259.76) 54.8%, oklch(68.26% 0.0873 259.00) 58.1%, oklch(70.09% 0.0837 258.12) 61.3%, oklch(71.79% 0.0799 257.05) 64.5%, oklch(73.33% 0.0762 255.71) 67.7%, oklch(74.66% 0.0727 254.03) 71.0%, oklch(75.75% 0.0696 251.94) 74.2%, oklch(76.55% 0.0668 249.21) 77.4%, oklch(77.05% 0.0642 245.62) 80.6%, oklch(77.29% 0.0616 241.46) 83.9%, oklch(77.36% 0.0593 237.04) 87.1%, oklch(77.32% 0.0571 232.65) 90.3%, oklch(77.23% 0.0552 228.61) 93.5%, oklch(77.15% 0.0536 225.23) 96.8%, oklch(77.17% 0.0524 222.81) 100.0%);

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

Yukata xanh chàm

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