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

Bảng màu Xanh lá, xanh cổ vịt và xanh dương tông lạnh

Gradient tuyến tính, 32 màu, góc 90°: #0f6745, #28b089, #5fc7c4, #2985bd, #2a3e7b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0f6745
#106d4a
#127652
#14805b
#168a64
#1a936d
#1d9d76
#21a77f
#28b089
#32b993
#43c19e
#56c9a9
#66cfb3
#6fd2bc
#6ed2c1
#68cec3
#5fc7c4
#54bfc4
#4ab7c4
#3faec5
#35a5c5
#2e9ac4
#2b90c1
#2985bd
#277ab8
#2670b1
#2666a9
#285ca1
#2a5397
#2b4a8c
#2b4382
#2a3e7b

CSS

background: linear-gradient(90deg in oklch, oklch(45.67% 0.0965 161.02) 0.0%, oklch(47.52% 0.0994 161.68) 3.2%, oklch(50.16% 0.1036 162.64) 6.5%, oklch(53.20% 0.1084 163.73) 9.7%, oklch(56.26% 0.1128 164.82) 12.9%, oklch(59.09% 0.1165 165.76) 16.1%, oklch(62.00% 0.1208 166.57) 19.4%, oklch(64.95% 0.1247 167.40) 22.6%, oklch(67.80% 0.1270 168.39) 25.8%, oklch(70.45% 0.1265 169.67) 29.0%, oklch(73.23% 0.1218 170.91) 32.3%, oklch(76.04% 0.1143 172.20) 35.5%, oklch(78.38% 0.1064 174.03) 38.7%, oklch(79.77% 0.1003 176.86) 41.9%, oklch(79.79% 0.0975 181.11) 45.2%, oklch(78.61% 0.0964 186.60) 48.4%, oklch(76.67% 0.0966 192.91) 51.6%, oklch(74.41% 0.0979 199.59) 54.8%, oklch(72.22% 0.0999 206.26) 58.1%, oklch(69.87% 0.1034 213.54) 61.3%, oklch(67.28% 0.1080 221.20) 64.5%, oklch(64.55% 0.1127 228.63) 67.7%, oklch(61.81% 0.1167 235.21) 71.0%, oklch(59.02% 0.1197 240.62) 74.2%, oklch(56.12% 0.1226 245.24) 77.4%, oklch(53.19% 0.1248 249.30) 80.6%, oklch(50.36% 0.1257 253.01) 83.9%, oklch(47.67% 0.1246 256.60) 87.1%, oklch(44.87% 0.1209 260.07) 90.3%, oklch(42.16% 0.1158 263.24) 93.5%, oklch(39.83% 0.1108 265.87) 96.8%, oklch(38.19% 0.1075 267.75) 100.0%);

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

Gradient đại dương Gradient xanh hải quân và xanh cổ vịt Gradient xanh dương và xanh lá

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