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

Gradient tuyến tính, 32 màu, góc 90°: #071311, #155a52, #11978b, #0e635d, #07201e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#071311
#081715
#0a1d1a
#0c2521
#0e2e29
#103833
#12433d
#144f47
#155a52
#16665d
#167268
#167c72
#15867b
#148d82
#139387
#12978b
#11978b
#10958a
#0f9186
#0f8a80
#0f8279
#0f7870
#0f6e67
#0e635d
#0e5953
#0d4e49
#0c443f
#0b3a36
#09322e
#082a28
#072522
#07201e

CSS

background: linear-gradient(90deg in oklch, oklch(17.32% 0.0179 182.81) 0.0%, oklch(19.07% 0.0214 182.89) 3.2%, oklch(21.42% 0.0260 182.97) 6.5%, oklch(24.27% 0.0317 183.07) 9.7%, oklch(27.53% 0.0381 183.18) 12.9%, oklch(31.09% 0.0451 183.30) 16.1%, oklch(34.84% 0.0525 183.43) 19.4%, oklch(38.69% 0.0602 183.56) 22.6%, oklch(42.54% 0.0678 183.71) 25.8%, oklch(46.28% 0.0752 183.86) 29.0%, oklch(49.82% 0.0822 184.01) 32.3%, oklch(53.04% 0.0886 184.17) 35.5%, oklch(55.86% 0.0942 184.34) 38.7%, oklch(58.17% 0.0988 184.50) 41.9%, oklch(59.86% 0.1023 184.67) 45.2%, oklch(60.83% 0.1043 184.84) 48.4%, oklch(61.00% 0.1047 185.01) 51.6%, oklch(60.37% 0.1037 185.20) 54.8%, oklch(59.05% 0.1012 185.41) 58.1%, oklch(57.12% 0.0976 185.63) 61.3%, oklch(54.68% 0.0930 185.86) 64.5%, oklch(51.84% 0.0876 186.10) 67.7%, oklch(48.69% 0.0817 186.34) 71.0%, oklch(45.33% 0.0753 186.58) 74.2%, oklch(41.85% 0.0687 186.82) 77.4%, oklch(38.35% 0.0620 187.05) 80.6%, oklch(34.93% 0.0555 187.27) 83.9%, oklch(31.69% 0.0493 187.48) 87.1%, oklch(28.72% 0.0436 187.67) 90.3%, oklch(26.13% 0.0387 187.83) 93.5%, oklch(24.00% 0.0347 187.98) 96.8%, oklch(22.44% 0.0317 188.10) 100.0%);

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

Gradient Cyber Monday

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