Xám, xanh dương và be (bổ túc) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 45°: #8eaa91, #637b8d, #71897a, #b9a48f, #e6d6af. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#8eaa91
#88a792
#7fa393
#779d94
#6f9795
#698f94
#668893
#648191
#637b8d
#62768a
#617488
#5f7587
#5e7786
#5e7b85
#608082
#67857e
#71897a
#7e8d78
#8c9078
#98937b
#a2967f
#aa9a84
#b29f89
#b9a48f
#c1ab94
#c8b199
#cfb89d
#d5bfa1
#dac6a5
#decca9
#e2d2ac
#e6d6af

CSS

background: linear-gradient(45deg in oklch, oklch(70.87% 0.0469 148.36) 0.0%, oklch(69.84% 0.0464 155.19) 3.2%, oklch(68.36% 0.0457 165.40) 6.5%, oklch(66.56% 0.0449 178.00) 9.7%, oklch(64.56% 0.0440 191.96) 12.9%, oklch(62.48% 0.0430 206.30) 16.1%, oklch(60.44% 0.0421 220.02) 19.4%, oklch(58.57% 0.0411 232.09) 22.6%, oklch(56.99% 0.0402 241.54) 25.8%, oklch(55.82% 0.0394 247.34) 29.0%, oklch(55.19% 0.0388 248.51) 32.3%, oklch(55.16% 0.0382 243.97) 35.5%, oklch(55.61% 0.0376 233.57) 38.7%, oklch(56.45% 0.0370 218.46) 41.9%, oklch(57.62% 0.0364 199.88) 45.2%, oklch(59.05% 0.0358 179.05) 48.4%, oklch(60.68% 0.0354 157.19) 51.6%, oklch(62.43% 0.0351 135.53) 54.8%, oklch(64.25% 0.0349 115.29) 58.1%, oklch(66.06% 0.0350 97.69) 61.3%, oklch(67.81% 0.0354 83.96) 64.5%, oklch(69.44% 0.0361 75.17) 67.7%, oklch(71.22% 0.0373 70.15) 71.0%, oklch(73.19% 0.0388 67.92) 74.2%, oklch(75.28% 0.0407 67.96) 77.4%, oklch(77.43% 0.0428 69.75) 80.6%, oklch(79.56% 0.0450 72.77) 83.9%, oklch(81.62% 0.0472 76.50) 87.1%, oklch(83.54% 0.0492 80.42) 90.3%, oklch(85.25% 0.0511 84.01) 93.5%, oklch(86.69% 0.0526 86.75) 96.8%, oklch(87.80% 0.0537 88.12) 100.0%);

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

Lớp học bảng đen

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