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

Gradient tuyến tính, 32 màu, góc 45°: #171b4c, #ab7384, #ffd7b3, #db9197, #634690. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#171b4c
#222052
#30275a
#413062
#553a6a
#6a4671
#805378
#96627e
#ab7384
#be848a
#cf9590
#dda697
#e9b69f
#f2c3a6
#f9cdac
#fed4b0
#ffd7b3
#ffd5b2
#ffcfac
#fcc6a7
#f7bba2
#f0ae9d
#e79f9a
#db9197
#cd8297
#bd7596
#ac6996
#9a5f96
#895695
#794f93
#6c4a92
#634690

CSS

background: linear-gradient(45deg in oklch, oklch(25.20% 0.0896 274.22) 0.0%, oklch(27.77% 0.0886 280.16) 3.2%, oklch(31.19% 0.0873 288.13) 6.5%, oklch(35.33% 0.0856 297.80) 9.7%, oklch(40.04% 0.0836 308.82) 12.9%, oklch(45.19% 0.0815 320.86) 16.1%, oklch(50.63% 0.0793 333.58) 19.4%, oklch(56.22% 0.0770 346.64) 22.6%, oklch(61.83% 0.0748 359.69) 25.8%, oklch(67.31% 0.0727 12.40) 29.0%, oklch(72.52% 0.0708 24.43) 32.3%, oklch(77.33% 0.0692 35.44) 35.5%, oklch(81.59% 0.0680 45.08) 38.7%, oklch(85.16% 0.0672 53.03) 41.9%, oklch(87.90% 0.0669 58.93) 45.2%, oklch(89.68% 0.0671 62.46) 48.4%, oklch(90.36% 0.0652 63.30) 51.6%, oklch(90.01% 0.0660 61.50) 54.8%, oklch(88.75% 0.0713 57.40) 58.1%, oklch(86.71% 0.0751 51.31) 61.3%, oklch(84.01% 0.0785 43.56) 64.5%, oklch(80.77% 0.0823 34.46) 67.7%, oklch(77.12% 0.0863 24.33) 71.0%, oklch(73.19% 0.0906 13.50) 74.2%, oklch(69.08% 0.0949 2.27) 77.4%, oklch(64.93% 0.0991 350.97) 80.6%, oklch(60.87% 0.1033 339.92) 83.9%, oklch(57.00% 0.1072 329.44) 87.1%, oklch(53.47% 0.1107 319.85) 90.3%, oklch(50.39% 0.1139 311.46) 93.5%, oklch(47.88% 0.1165 304.60) 96.8%, oklch(46.06% 0.1185 299.58) 100.0%);

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

Gradient bình minh

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