Xanh lá đậm, xanh dương nhạt, trắng và xanh cổ vịt (gradient hình nón)

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

Gradient hình nón, 32 màu, góc 315°: #173d3a, #317464, #a9dbc7, #e0f1e3, #2e5258. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#173d3a
#19413e
#1d4843
#214f48
#25574e
#285e53
#2b6559
#2e6c5e
#317464
#387d6b
#3f8672
#479079
#529a81
#60a68c
#74b59b
#8ec8b0
#a9dbc7
#c3ebda
#d5f6e7
#e3fdee
#edfff2
#f1fef2
#edfaee
#e0f1e3
#c8e5d4
#a9d6c5
#89c4b8
#6fb0aa
#599595
#467a7d
#386267
#2e5258

CSS

background: conic-gradient(from 315deg in oklch, oklch(33.07% 0.0427 189.84) 0.0%, oklch(34.61% 0.0451 188.07) 3.2%, oklch(36.80% 0.0484 185.49) 6.5%, oklch(39.33% 0.0522 182.67) 9.7%, oklch(41.89% 0.0562 180.14) 12.9%, oklch(44.22% 0.0601 178.34) 16.1%, oklch(46.45% 0.0645 177.05) 19.4%, oklch(48.74% 0.0690 176.01) 22.6%, oklch(51.20% 0.0731 175.00) 25.8%, oklch(53.96% 0.0762 173.80) 29.0%, oklch(56.84% 0.0792 172.30) 32.3%, oklch(59.88% 0.0819 170.67) 35.5%, oklch(63.28% 0.0833 169.14) 38.7%, oklch(67.24% 0.0822 167.91) 41.9%, oklch(72.23% 0.0774 167.39) 45.2%, oklch(78.53% 0.0688 167.73) 48.4%, oklch(85.08% 0.0585 168.14) 51.6%, oklch(90.78% 0.0485 167.79) 54.8%, oklch(94.58% 0.0407 165.72) 58.1%, oklch(97.00% 0.0331 160.39) 61.3%, oklch(98.33% 0.0255 153.57) 64.5%, oklch(98.43% 0.0212 147.96) 67.7%, oklch(97.15% 0.0204 146.28) 71.0%, oklch(94.21% 0.0263 150.58) 74.2%, oklch(89.61% 0.0385 159.49) 77.4%, oklch(83.90% 0.0524 170.43) 80.6%, oklch(77.63% 0.0632 180.87) 83.9%, oklch(71.10% 0.0665 188.66) 87.1%, oklch(63.05% 0.0629 195.41) 90.3%, oklch(54.43% 0.0556 201.42) 93.5%, oklch(46.70% 0.0478 206.37) 96.8%, oklch(41.34% 0.0427 209.92) 100.0%);

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

Gradient kính

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