Xanh hải quân, tím và nâu vàng (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #352d4b, #635e83, #b1808f, #d1a88b, #f0cbb0. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#352d4b
#38304f
#3c3554
#413b5b
#474162
#4d486a
#545073
#5b577b
#635e83
#6c658a
#746a90
#7e6f94
#887297
#937698
#9e7997
#a87c94
#b1808f
#b9858b
#be8a87
#c39084
#c79683
#ca9c84
#cda287
#d1a88b
#d6ad8f
#dab395
#deb89a
#e3bda0
#e7c1a5
#eac5a9
#edc8ad
#f0cbb0

CSS

background: linear-gradient(135deg in oklch, oklch(31.89% 0.0537 295.31) 0.0%, oklch(33.27% 0.0541 295.05) 3.2%, oklch(35.08% 0.0545 294.13) 6.5%, oklch(37.22% 0.0549 292.84) 9.7%, oklch(39.62% 0.0555 291.46) 12.9%, oklch(42.20% 0.0561 290.26) 16.1%, oklch(44.87% 0.0567 289.52) 19.4%, oklch(47.55% 0.0573 289.53) 22.6%, oklch(50.16% 0.0579 290.55) 25.8%, oklch(52.62% 0.0585 292.88) 29.0%, oklch(54.84% 0.0591 296.78) 32.3%, oklch(56.80% 0.0596 302.71) 35.5%, oklch(58.65% 0.0603 311.12) 38.7%, oklch(60.42% 0.0610 321.49) 41.9%, oklch(62.13% 0.0618 333.29) 45.2%, oklch(63.77% 0.0626 345.96) 48.4%, oklch(65.36% 0.0633 358.94) 51.6%, oklch(66.91% 0.0639 11.67) 54.8%, oklch(68.43% 0.0644 23.61) 58.1%, oklch(69.94% 0.0647 34.19) 61.3%, oklch(71.44% 0.0648 42.87) 64.5%, oklch(72.95% 0.0647 49.16) 67.7%, oklch(74.51% 0.0642 53.58) 71.0%, oklch(76.11% 0.0634 56.57) 74.2%, oklch(77.72% 0.0624 58.38) 77.4%, oklch(79.30% 0.0613 59.25) 80.6%, oklch(80.84% 0.0601 59.40) 83.9%, oklch(82.28% 0.0588 59.09) 87.1%, oklch(83.62% 0.0577 58.54) 90.3%, oklch(84.80% 0.0566 58.00) 93.5%, oklch(85.81% 0.0557 57.71) 96.8%, oklch(86.61% 0.0551 57.90) 100.0%);

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

Hồ mờ sương cuối hạ

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