Xám và xanh lá đậm (đơn sắc) (gradient hình nón)

Gradient hình nón, 32 màu, góc 270°: #e0e8d9, #749473, #173929, #173a2c, #afc6b0. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#e0e8d9
#d8e2d0
#ccd9c3
#beceb3
#afc3a4
#a1b796
#92ac8a
#83a07e
#749473
#658869
#587c5f
#4a6f54
#3e634a
#32563f
#274a36
#1e402e
#173929
#123325
#0f2e22
#0e2a21
#0e2a21
#102c23
#133127
#173a2c
#1f4433
#2a513c
#395f47
#4e7259
#698970
#85a189
#9eb7a0
#afc6b0

CSS

background: conic-gradient(from 270deg in oklch, oklch(92.13% 0.0220 130.78) 0.0%, oklch(89.92% 0.0266 131.33) 3.2%, oklch(86.86% 0.0332 132.01) 6.5%, oklch(83.23% 0.0406 132.91) 9.7%, oklch(79.32% 0.0476 134.12) 12.9%, oklch(75.43% 0.0531 135.75) 16.1%, oklch(71.59% 0.0564 137.98) 19.4%, oklch(67.53% 0.0587 140.87) 22.6%, oklch(63.34% 0.0600 144.08) 25.8%, oklch(59.10% 0.0606 147.26) 29.0%, oklch(54.91% 0.0607 150.07) 32.3%, oklch(50.73% 0.0602 152.24) 35.5%, oklch(46.27% 0.0589 153.94) 38.7%, oklch(41.81% 0.0569 155.40) 41.9%, oklch(37.66% 0.0546 156.82) 45.2%, oklch(34.12% 0.0522 158.40) 48.4%, oklch(31.39% 0.0497 160.43) 51.6%, oklch(29.07% 0.0462 163.25) 54.8%, oklch(27.24% 0.0424 166.33) 58.1%, oklch(26.12% 0.0391 169.03) 61.3%, oklch(25.91% 0.0373 170.71) 64.5%, oklch(26.81% 0.0377 170.72) 67.7%, oklch(28.79% 0.0414 168.87) 71.0%, oklch(31.71% 0.0471 165.75) 74.2%, oklch(35.47% 0.0531 162.08) 77.4%, oklch(39.93% 0.0577 158.52) 80.6%, oklch(45.00% 0.0592 155.75) 83.9%, oklch(51.74% 0.0571 153.45) 87.1%, oklch(59.82% 0.0525 151.30) 90.3%, oklch(68.08% 0.0470 149.38) 93.5%, oklch(75.30% 0.0419 147.79) 96.8%, oklch(80.31% 0.0386 146.63) 100.0%);

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

Mùa đông

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