Xanh hải quân, tím, xám và xanh cổ vịt (gradient tuyến tính)

Bảng màu Xanh hải quân, tím, xám và xanh cổ vịt

Gradient tuyến tính, 32 màu, góc 45°: #252632, #74537e, #bb9ec5, #92a9be, #34706e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#252632
#292938
#2f2d41
#38324b
#433755
#4f3c5f
#5b4269
#674a73
#74537e
#815d8a
#8e6796
#9b72a2
#a57cac
#ac85b5
#b28dbb
#b796c0
#bb9ec5
#bca4c8
#bba9ca
#b7accc
#b0adcc
#a7adca
#9cacc6
#92a9be
#87a5b5
#7ea0ac
#7399a2
#659096
#57868a
#497d7f
#3d7575
#34706e

CSS

background: linear-gradient(45deg in oklch, oklch(27.17% 0.0220 280.55) 0.0%, oklch(28.74% 0.0275 284.25) 3.2%, oklch(30.84% 0.0352 289.58) 6.5%, oklch(33.37% 0.0444 295.82) 9.7%, oklch(36.19% 0.0537 302.22) 12.9%, oklch(39.21% 0.0624 308.07) 16.1%, oklch(42.30% 0.0692 312.62) 19.4%, oklch(45.56% 0.0741 315.67) 22.6%, oklch(49.28% 0.0783 318.00) 25.8%, oklch(53.23% 0.0816 319.67) 29.0%, oklch(57.19% 0.0839 320.69) 32.3%, oklch(60.93% 0.0850 321.11) 35.5%, oklch(64.22% 0.0846 320.93) 38.7%, oklch(66.95% 0.0824 320.36) 41.9%, oklch(69.47% 0.0776 319.88) 45.2%, oklch(71.73% 0.0711 319.04) 48.4%, oklch(73.65% 0.0637 317.32) 51.6%, oklch(75.13% 0.0566 314.17) 54.8%, oklch(76.09% 0.0508 309.07) 58.1%, oklch(76.44% 0.0469 301.35) 61.3%, oklch(76.16% 0.0442 289.91) 64.5%, oklch(75.33% 0.0422 275.79) 67.7%, oklch(74.06% 0.0410 260.45) 71.0%, oklch(72.43% 0.0405 245.36) 74.2%, oklch(70.54% 0.0407 231.97) 77.4%, oklch(68.46% 0.0416 221.71) 80.6%, oklch(65.73% 0.0439 213.90) 83.9%, oklch(62.39% 0.0475 207.62) 87.1%, oklch(58.82% 0.0517 202.63) 90.3%, oklch(55.38% 0.0559 198.67) 93.5%, oklch(52.45% 0.0595 195.49) 96.8%, oklch(50.39% 0.0620 192.84) 100.0%);

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

May đo xám than và tím mậ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