Xanh hải quân, xám và tím (tương đồng) (gradient tuyến tính)

Bảng màu Xanh hải quân, xám và tím (tương đồng)

Gradient tuyến tính, 32 màu, góc 135°: #17152b, #e9d1e8, #9d73b0, #5b447e, #29204c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#17152b
#262339
#3e3850
#5c546b
#7f738a
#a293a9
#c2b0c5
#dbc6db
#e9d1e8
#eed2eb
#eacae8
#e1bde1
#d4acd7
#c59bcb
#b58ac1
#a77cb7
#9d73b0
#936baa
#8963a3
#7f5c9c
#755694
#6c508d
#634a86
#5b447e
#533f78
#4b3970
#443469
#3d2f62
#362a5b
#312655
#2c2350
#29204c

CSS

background: linear-gradient(135deg in oklch, oklch(20.87% 0.0427 286.17) 0.0%, oklch(26.93% 0.0419 289.86) 3.2%, oklch(35.73% 0.0403 295.19) 6.5%, oklch(46.26% 0.0384 301.56) 9.7%, oklch(57.48% 0.0366 308.36) 12.9%, oklch(68.37% 0.0353 314.99) 16.1%, oklch(77.89% 0.0351 320.84) 19.4%, oklch(85.03% 0.0364 325.31) 22.6%, oklch(88.78% 0.0396 327.81) 25.8%, oklch(89.36% 0.0456 328.55) 29.0%, oklch(87.58% 0.0538 328.00) 32.3%, oklch(84.06% 0.0634 326.46) 35.5%, oklch(79.42% 0.0735 324.25) 38.7%, oklch(74.28% 0.0833 321.69) 41.9%, oklch(69.28% 0.0918 319.07) 45.2%, oklch(65.03% 0.0984 316.73) 48.4%, oklch(61.95% 0.1022 314.85) 51.6%, oklch(59.13% 0.1039 312.88) 54.8%, oklch(56.39% 0.1042 310.77) 58.1%, oklch(53.73% 0.1033 308.59) 61.3%, oklch(51.15% 0.1016 306.40) 64.5%, oklch(48.65% 0.0995 304.25) 67.7%, oklch(46.23% 0.0973 302.21) 71.0%, oklch(43.88% 0.0955 300.34) 74.2%, oklch(41.57% 0.0938 298.63) 77.4%, oklch(39.22% 0.0918 296.96) 80.6%, oklch(36.89% 0.0894 295.34) 83.9%, oklch(34.65% 0.0868 293.82) 87.1%, oklch(32.56% 0.0842 292.42) 90.3%, oklch(30.71% 0.0819 291.19) 93.5%, oklch(29.15% 0.0799 290.15) 96.8%, oklch(27.95% 0.0785 289.34) 100.0%);

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

Gradient hình nề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