Đen sang xanh lá (đơn sắc) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #0b1d13, #133623, #1e553c, #42795b, #86a789. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0b1d13
#0c1f14
#0c2116
#0d2418
#0e271a
#0f2a1c
#112e1e
#123221
#133623
#153a26
#163e29
#18422c
#19452f
#1b4932
#1c4d35
#1d5139
#1e553c
#205a40
#235e44
#276348
#2b684c
#316d51
#397255
#42795b
#4b7f61
#558667
#608d6e
#699374
#72997b
#7a9f80
#81a385
#86a789

CSS

background: linear-gradient(135deg in oklch, oklch(21.15% 0.0314 157.89) 0.0%, oklch(21.83% 0.0330 157.87) 3.2%, oklch(22.69% 0.0351 157.83) 6.5%, oklch(23.69% 0.0376 157.78) 9.7%, oklch(24.82% 0.0404 157.72) 12.9%, oklch(26.05% 0.0434 157.67) 16.1%, oklch(27.36% 0.0466 157.63) 19.4%, oklch(28.71% 0.0497 157.62) 22.6%, oklch(30.08% 0.0527 157.64) 25.8%, oklch(31.45% 0.0556 157.69) 29.0%, oklch(32.79% 0.0582 157.80) 32.3%, oklch(34.09% 0.0605 158.00) 35.5%, oklch(35.38% 0.0629 158.37) 38.7%, oklch(36.67% 0.0654 158.87) 41.9%, oklch(37.97% 0.0680 159.44) 45.2%, oklch(39.31% 0.0704 160.03) 48.4%, oklch(40.68% 0.0726 160.59) 51.6%, oklch(42.11% 0.0745 161.05) 54.8%, oklch(43.59% 0.0761 161.37) 58.1%, oklch(45.15% 0.0773 161.48) 61.3%, oklch(46.79% 0.0779 161.34) 64.5%, oklch(48.55% 0.0779 160.89) 67.7%, oklch(50.55% 0.0770 160.04) 71.0%, oklch(52.78% 0.0755 158.86) 74.2%, oklch(55.15% 0.0733 157.43) 77.4%, oklch(57.61% 0.0708 155.83) 80.6%, oklch(60.05% 0.0680 154.15) 83.9%, oklch(62.42% 0.0652 152.46) 87.1%, oklch(64.62% 0.0625 150.86) 90.3%, oklch(66.59% 0.0600 149.42) 93.5%, oklch(68.25% 0.0580 148.24) 96.8%, oklch(69.52% 0.0566 147.38) 100.0%);

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

Dark green gradients

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