Xanh hải quân, xanh cổ vịt và nâu vàng (ba tông) (gradient tuyến tính)

Gradient tuyến tính, 7 màu, góc 90°: #21315d, #3f4a7b, #5172a2, #62a08d, #bdac7f, #deb679, #e7c063. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#21315d
#3f4a7b
#5172a2
#62a08d
#bdac7f
#deb679
#e7c063

CSS

background: linear-gradient(90deg in oklch, oklch(32.28% 0.0813 267.19) 0.0%, oklch(42.25% 0.0840 272.93) 16.7%, oklch(54.72% 0.0841 257.68) 33.3%, oklch(65.70% 0.0704 173.27) 50.0%, oklch(74.80% 0.0634 89.65) 66.7%, oklch(79.80% 0.0903 77.57) 83.3%, oklch(82.28% 0.1199 86.48) 100.0%);

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

Gradient retro

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