Xanh lá đậm, xám và xanh cổ vịt (gradient hình nón)

Bảng màu Xanh lá đậm, xám và xanh cổ vịt

Gradient hình nón, 32 màu, góc 225°: #1f312b, #2b413f, #445657, #53696a, #4d7b74. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#1f312b
#20322d
#21342f
#223631
#233833
#253a36
#273c39
#293e3c
#2b413f
#2d4342
#304645
#324848
#354b4b
#394d4e
#3d5051
#405354
#445657
#48595a
#4b5b5d
#4e5e5f
#506162
#526365
#536667
#53696a
#536b6c
#526e6e
#527170
#517371
#4f7672
#4e7873
#4e7974
#4d7b74

CSS

background: conic-gradient(from 225deg in oklch, oklch(29.53% 0.0262 172.97) 0.0%, oklch(29.99% 0.0263 174.23) 3.2%, oklch(30.57% 0.0265 175.92) 6.5%, oklch(31.25% 0.0267 177.94) 9.7%, oklch(32.02% 0.0270 180.20) 12.9%, oklch(32.85% 0.0273 182.60) 16.1%, oklch(33.74% 0.0275 185.06) 19.4%, oklch(34.66% 0.0277 187.48) 22.6%, oklch(35.61% 0.0278 189.77) 25.8%, oklch(36.55% 0.0278 191.84) 29.0%, oklch(37.49% 0.0276 193.60) 32.3%, oklch(38.42% 0.0273 195.06) 35.5%, oklch(39.42% 0.0265 196.47) 38.7%, oklch(40.48% 0.0254 197.84) 41.9%, oklch(41.57% 0.0242 199.11) 45.2%, oklch(42.68% 0.0229 200.26) 48.4%, oklch(43.79% 0.0217 201.24) 51.6%, oklch(44.88% 0.0207 202.02) 54.8%, oklch(45.93% 0.0200 202.57) 58.1%, oklch(46.93% 0.0198 202.83) 61.3%, oklch(47.86% 0.0201 202.78) 64.5%, oklch(48.70% 0.0211 202.37) 67.7%, oklch(49.50% 0.0230 201.40) 71.0%, oklch(50.26% 0.0256 199.93) 74.2%, oklch(51.00% 0.0288 198.08) 77.4%, oklch(51.69% 0.0323 195.97) 80.6%, oklch(52.34% 0.0360 193.72) 83.9%, oklch(52.94% 0.0397 191.45) 87.1%, oklch(53.49% 0.0433 189.29) 90.3%, oklch(53.97% 0.0465 187.34) 93.5%, oklch(54.38% 0.0491 185.73) 96.8%, oklch(54.72% 0.0510 184.59) 100.0%);

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

Gradient xanh cổ vịt

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