Xanh hải quân, xanh dương và xanh dương nhạt tông lạnh (gradient hình nón)

Bảng màu Xanh hải quân, xanh dương và xanh dương nhạt tông lạnh

Gradient hình nón, 32 màu, góc 135°: #091732, #1c4a82, #6493bc, #7f9fbb, #162f51. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#091732
#0a1a38
#0c1f41
#0e254c
#112c57
#133362
#163a6d
#194277
#1c4a82
#20528d
#255b96
#2d649f
#366ea6
#4077ac
#4c80b1
#578ab7
#6493bc
#759fc3
#88acc9
#98b6ce
#a2bbd0
#a1b9cd
#94afc5
#7f9fbb
#688dae
#527ba0
#426b93
#355d85
#2b4e76
#224167
#1b365a
#162f51

CSS

background: conic-gradient(from 135deg in oklch, oklch(20.87% 0.0579 262.27) 0.0%, oklch(22.42% 0.0626 261.73) 3.2%, oklch(24.59% 0.0694 260.99) 6.5%, oklch(27.16% 0.0772 260.10) 9.7%, oklch(29.91% 0.0849 259.15) 12.9%, oklch(32.64% 0.0914 258.19) 16.1%, oklch(35.28% 0.0968 257.26) 19.4%, oklch(38.03% 0.1022 256.28) 22.6%, oklch(40.87% 0.1069 255.27) 25.8%, oklch(43.76% 0.1103 254.22) 29.0%, oklch(46.67% 0.1117 253.13) 32.3%, oklch(49.58% 0.1105 251.97) 35.5%, oklch(52.55% 0.1068 250.71) 38.7%, oklch(55.54% 0.1014 249.41) 41.9%, oklch(58.54% 0.0948 248.13) 45.2%, oklch(61.52% 0.0876 246.95) 48.4%, oklch(64.63% 0.0800 245.88) 51.6%, oklch(68.58% 0.0696 244.72) 54.8%, oklch(72.71% 0.0580 243.59) 58.1%, oklch(76.14% 0.0476 242.69) 61.3%, oklch(78.01% 0.0404 242.20) 64.5%, oklch(77.44% 0.0388 242.29) 67.7%, oklch(74.14% 0.0440 243.02) 71.0%, oklch(68.95% 0.0535 244.21) 74.2%, oklch(62.83% 0.0645 245.69) 77.4%, oklch(56.73% 0.0739 247.27) 80.6%, oklch(51.59% 0.0790 248.77) 83.9%, oklch(46.71% 0.0798 250.46) 87.1%, oklch(41.74% 0.0781 252.36) 90.3%, oklch(37.08% 0.0751 254.23) 93.5%, oklch(33.14% 0.0721 255.85) 96.8%, oklch(30.31% 0.0703 256.98) 100.0%);

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

Xanh hải quân

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