Xanh lá đậm, xanh cổ vịt, xanh dương nhạt và hồng (gradient tuyến tính)

Bảng màu Xanh lá đậm, xanh cổ vịt, xanh dương nhạt và hồng

Gradient tuyến tính, 32 màu, góc 180°: #103a2a, #197076, #4aadc5, #9ebad2, #ff9c92. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#103a2a
#0f3e2f
#0f4337
#0e4a40
#0f504a
#105753
#125f5e
#15686a
#197076
#1d7882
#22818c
#278997
#2c91a1
#3299aa
#3aa0b4
#41a6bd
#4aadc5
#53b2cc
#5fb6d0
#6abad0
#76bccd
#83bdcc
#8fbdcf
#9ebad2
#b0b7cf
#bcb5c6
#c4b4c0
#ccb2bb
#dbacb4
#eda4a8
#fc9c99
#ff9c92

CSS

background: linear-gradient(180deg in oklch, oklch(31.50% 0.0551 164.53) 0.0%, oklch(32.80% 0.0565 168.12) 3.2%, oklch(34.62% 0.0584 173.28) 6.5%, oklch(36.80% 0.0608 179.10) 9.7%, oklch(39.14% 0.0635 184.65) 12.9%, oklch(41.56% 0.0666 189.32) 16.1%, oklch(44.26% 0.0702 193.84) 19.4%, oklch(47.12% 0.0742 198.12) 22.6%, oklch(50.00% 0.0782 201.94) 25.8%, oklch(52.74% 0.0818 205.09) 29.0%, oklch(55.42% 0.0854 207.35) 32.3%, oklch(58.08% 0.0891 208.95) 35.5%, oklch(60.66% 0.0923 210.25) 38.7%, oklch(63.11% 0.0946 211.63) 41.9%, oklch(65.43% 0.0961 213.29) 45.2%, oklch(67.67% 0.0974 215.00) 48.4%, oklch(69.78% 0.0977 216.70) 51.6%, oklch(71.67% 0.0963 218.35) 54.8%, oklch(73.25% 0.0922 219.70) 58.1%, oklch(74.52% 0.0845 217.96) 61.3%, oklch(75.53% 0.0745 215.40) 64.5%, oklch(76.36% 0.0640 216.03) 67.7%, oklch(77.07% 0.0548 223.88) 71.0%, oklch(77.66% 0.0458 243.34) 74.2%, oklch(78.08% 0.0350 272.85) 77.4%, oklch(78.38% 0.0264 305.64) 80.6%, oklch(78.61% 0.0243 334.87) 83.9%, oklch(78.83% 0.0331 354.55) 87.1%, oklch(78.97% 0.0561 7.44) 90.3%, oklch(79.05% 0.0863 16.06) 93.5%, oklch(79.09% 0.1154 21.89) 96.8%, oklch(79.13% 0.1204 26.45) 100.0%);

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

Gradient cho hero section Gradient nhiều màu dịu 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