Xanh dương, xanh hải quân, tím đậm và xám (gradient hình nón)

Bảng màu Xanh dương, xanh hải quân, tím đậm và xám

Gradient hình nón, 32 màu, góc 135°: #6e7799, #2d4142, #6795a6, #2e3d66, #727c63. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#6e7799
#646b8b
#565977
#474762
#3a3a52
#30364b
#293746
#273b43
#2d4142
#364846
#445551
#546763
#647a76
#6f8986
#719192
#6d959d
#6795a6
#638fac
#5d86ab
#4f78a0
#3b6690
#2a557f
#264771
#2e3d66
#373759
#3e354c
#443744
#4c3d43
#5a4947
#695a4c
#716e56
#727c63

CSS

background: conic-gradient(from 135deg in oklch, oklch(57.48% 0.0537 272.81) 0.0%, oklch(53.35% 0.0516 275.96) 3.2%, oklch(47.24% 0.0486 281.27) 6.5%, oklch(40.86% 0.0451 284.99) 9.7%, oklch(35.91% 0.0415 283.43) 12.9%, oklch(33.67% 0.0378 272.43) 16.1%, oklch(33.14% 0.0333 250.72) 19.4%, oklch(33.94% 0.0287 224.54) 22.6%, oklch(35.84% 0.0251 200.68) 25.8%, oklch(38.66% 0.0233 185.84) 29.0%, oklch(43.45% 0.0230 179.95) 32.3%, oklch(49.78% 0.0240 179.49) 35.5%, oklch(56.11% 0.0263 182.88) 38.7%, oklch(60.93% 0.0303 188.56) 41.9%, oklch(63.35% 0.0365 196.65) 45.2%, oklch(64.42% 0.0457 209.45) 48.4%, oklch(64.28% 0.0560 224.09) 51.6%, oklch(62.99% 0.0653 237.37) 54.8%, oklch(60.55% 0.0719 246.13) 58.1%, oklch(55.91% 0.0776 248.89) 61.3%, oklch(49.87% 0.0821 248.82) 64.5%, oklch(43.89% 0.0840 249.75) 67.7%, oklch(39.41% 0.0820 255.52) 71.0%, oklch(36.91% 0.0733 267.55) 74.2%, oklch(35.40% 0.0581 283.31) 77.4%, oklch(34.95% 0.0413 302.55) 80.6%, oklch(35.66% 0.0278 325.09) 83.9%, oklch(37.78% 0.0222 351.68) 87.1%, oklch(42.25% 0.0238 27.18) 90.3%, oklch(47.95% 0.0295 66.31) 93.5%, oklch(53.40% 0.0359 101.78) 96.8%, oklch(57.09% 0.0400 126.28) 100.0%);

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

Gradient nhiều màu dịu

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