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

Bảng màu Xanh lá đậm, xanh cổ vịt, xanh dương và tím

Gradient tuyến tính, 32 màu, góc 180°: #134933, #398873, #71a7ac, #8a90b2, #7b5184. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#134933
#164d37
#1a543e
#1e5d45
#23664e
#297057
#2e7961
#34816a
#398873
#408e7b
#489483
#51998b
#5a9d92
#61a199
#68a4a0
#6da6a6
#71a7ac
#75a6b1
#79a5b5
#7ea2b7
#829eb8
#869ab7
#8995b5
#8a90b2
#8a8aae
#8982a9
#8679a3
#83709d
#816696
#7e5e8f
#7c5689
#7b5184

CSS

background: linear-gradient(180deg in oklch, oklch(36.22% 0.0675 162.42) 0.0%, oklch(37.92% 0.0693 163.05) 3.2%, oklch(40.25% 0.0720 163.76) 6.5%, oklch(43.04% 0.0752 164.59) 9.7%, oklch(46.08% 0.0786 165.60) 12.9%, oklch(49.21% 0.0817 166.84) 16.1%, oklch(52.23% 0.0841 168.38) 19.4%, oklch(54.95% 0.0854 170.26) 22.6%, oklch(57.22% 0.0852 172.52) 25.8%, oklch(59.30% 0.0833 174.77) 29.0%, oklch(61.30% 0.0801 177.02) 32.3%, oklch(63.18% 0.0760 179.49) 35.5%, oklch(64.89% 0.0715 182.41) 38.7%, oklch(66.39% 0.0668 186.00) 41.9%, oklch(67.63% 0.0626 190.49) 45.2%, oklch(68.56% 0.0592 196.11) 48.4%, oklch(69.15% 0.0567 203.18) 51.6%, oklch(69.44% 0.0545 212.23) 54.8%, oklch(69.46% 0.0524 222.82) 58.1%, oklch(69.22% 0.0506 234.34) 61.3%, oklch(68.74% 0.0493 246.18) 64.5%, oklch(68.04% 0.0487 257.76) 67.7%, oklch(67.14% 0.0491 268.47) 71.0%, oklch(66.05% 0.0504 277.71) 74.2%, oklch(64.65% 0.0533 285.36) 77.4%, oklch(62.73% 0.0581 292.30) 80.6%, oklch(60.45% 0.0642 298.57) 83.9%, oklch(57.99% 0.0710 304.17) 87.1%, oklch(55.53% 0.0780 309.10) 90.3%, oklch(53.26% 0.0845 313.36) 93.5%, oklch(51.35% 0.0899 316.95) 96.8%, oklch(50.00% 0.0937 319.88) 100.0%);

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

Cỏ biển lúc triều cườ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