Be sang xanh lá (tương đồng) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 45°: #ede9c8, #e0e1a6, #cad87d, #b6d05b, #a5c837. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#ede9c8
#ede8c5
#ebe8c2
#eae7be
#e9e6ba
#e7e5b5
#e5e3b0
#e3e2ab
#e0e1a6
#dee0a0
#dbdf9b
#d8de96
#d5dc90
#d2db8b
#cfda86
#ccd982
#cad87d
#c7d779
#c4d674
#c1d56f
#bfd36a
#bcd265
#b9d160
#b6d05b
#b3ce56
#b1cd51
#aecc4c
#accb47
#aaca43
#a8c93e
#a6c83a
#a5c837

CSS

background: linear-gradient(45deg in oklch, oklch(92.91% 0.0441 101.25) 0.0%, oklch(92.64% 0.0467 101.80) 3.2%, oklch(92.31% 0.0498 102.50) 6.5%, oklch(91.94% 0.0535 103.31) 9.7%, oklch(91.51% 0.0576 104.23) 12.9%, oklch(91.05% 0.0621 105.23) 16.1%, oklch(90.56% 0.0669 106.29) 19.4%, oklch(90.04% 0.0719 107.40) 22.6%, oklch(89.50% 0.0771 108.54) 25.8%, oklch(88.95% 0.0824 109.68) 29.0%, oklch(88.39% 0.0877 110.82) 32.3%, oklch(87.83% 0.0930 111.92) 35.5%, oklch(87.27% 0.0981 112.98) 38.7%, oklch(86.72% 0.1031 113.98) 41.9%, oklch(86.19% 0.1079 114.88) 45.2%, oklch(85.68% 0.1123 115.69) 48.4%, oklch(85.19% 0.1164 116.38) 51.6%, oklch(84.68% 0.1205 117.02) 54.8%, oklch(84.14% 0.1247 117.62) 58.1%, oklch(83.60% 0.1289 118.17) 61.3%, oklch(83.04% 0.1331 118.69) 64.5%, oklch(82.47% 0.1373 119.18) 67.7%, oklch(81.91% 0.1414 119.62) 71.0%, oklch(81.36% 0.1453 120.04) 74.2%, oklch(80.82% 0.1492 120.42) 77.4%, oklch(80.30% 0.1529 120.78) 80.6%, oklch(79.81% 0.1563 121.11) 83.9%, oklch(79.35% 0.1596 121.41) 87.1%, oklch(78.93% 0.1625 121.68) 90.3%, oklch(78.55% 0.1652 121.94) 93.5%, oklch(78.22% 0.1675 122.17) 96.8%, oklch(77.95% 0.1695 122.39) 100.0%);

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

Gradient và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