Xanh cổ vịt, hồng, tím và xám (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 45°: #345b64, #d59b8a, #c7a89b, #5a6798, #d2cac2. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#345b64
#376366
#416f65
#577b60
#77855b
#998c5c
#b69268
#ca977a
#d59b8a
#daa094
#dca69a
#dbab9c
#d7ae9d
#d3b09e
#ceb09e
#caae9d
#c7a89b
#c19c97
#b78e96
#a67f97
#90749b
#786c9c
#64689a
#5a6798
#61699a
#756f9d
#8f789e
#a7879e
#ba9aa1
#c6adaa
#cdbeb7
#d2cac2

CSS

background: linear-gradient(45deg in oklch, oklch(44.49% 0.0469 215.86) 0.0%, oklch(47.01% 0.0495 200.38) 3.2%, oklch(50.59% 0.0535 178.26) 6.5%, oklch(54.86% 0.0584 151.84) 9.7%, oklch(59.46% 0.0634 123.45) 12.9%, oklch(64.05% 0.0681 95.44) 16.1%, oklch(68.25% 0.0718 70.13) 19.4%, oklch(71.72% 0.0741 49.86) 22.6%, oklch(74.12% 0.0742 36.95) 25.8%, oklch(75.85% 0.0716 31.96) 29.0%, oklch(77.15% 0.0667 32.91) 32.3%, oklch(78.01% 0.0605 37.67) 35.5%, oklch(78.43% 0.0539 44.10) 38.7%, oklch(78.40% 0.0478 50.06) 41.9%, oklch(77.93% 0.0429 53.42) 45.2%, oklch(77.01% 0.0402 52.03) 48.4%, oklch(75.48% 0.0406 43.65) 51.6%, oklch(72.57% 0.0446 27.34) 54.8%, oklch(68.64% 0.0511 5.58) 58.1%, oklch(64.22% 0.0589 341.16) 61.3%, oklch(59.85% 0.0669 316.86) 64.5%, oklch(56.05% 0.0739 295.50) 67.7%, oklch(53.36% 0.0787 279.84) 71.0%, oklch(52.31% 0.0802 272.70) 74.2%, oklch(53.38% 0.0774 276.49) 77.4%, oklch(56.41% 0.0709 290.23) 80.6%, oklch(60.84% 0.0616 311.10) 83.9%, oklch(66.12% 0.0508 336.30) 87.1%, oklch(71.66% 0.0394 2.98) 90.3%, oklch(76.91% 0.0288 28.32) 93.5%, oklch(81.29% 0.0198 49.50) 96.8%, oklch(84.25% 0.0138 63.69) 100.0%);

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

Extra celestial

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