Nâu, xám, xanh dương và đen (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 90°: #b28568, #98aea7, #5f7593, #292241, #020000. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#b28568
#af8b6a
#ab9471
#a79e7d
#a3a68b
#a1ab98
#a0aea0
#9dafa4
#98aea7
#91aca9
#89a9ac
#82a4ad
#7b9ead
#7596aa
#6e8ca4
#67819c
#5f7593
#576988
#4f5d7e
#485173
#414567
#39395a
#312d4d
#292241
#221835
#1d0f29
#17071e
#120313
#0c0109
#070003
#040001
#020000

CSS

background: linear-gradient(90deg in oklch, oklch(65.35% 0.0689 54.14) 0.0%, oklch(66.38% 0.0636 64.11) 3.2%, oklch(67.94% 0.0557 77.97) 6.5%, oklch(69.73% 0.0465 94.35) 9.7%, oklch(71.46% 0.0375 111.94) 12.9%, oklch(72.84% 0.0299 129.37) 16.1%, oklch(73.58% 0.0253 145.30) 19.4%, oklch(73.60% 0.0244 159.60) 22.6%, oklch(73.21% 0.0264 173.94) 25.8%, oklch(72.43% 0.0303 188.05) 29.0%, oklch(71.27% 0.0352 201.57) 32.3%, oklch(69.72% 0.0402 214.16) 35.5%, oklch(67.80% 0.0443 225.47) 38.7%, oklch(65.46% 0.0470 235.17) 41.9%, oklch(62.56% 0.0493 243.23) 45.2%, oklch(59.22% 0.0515 250.06) 48.4%, oklch(55.58% 0.0533 256.06) 51.6%, oklch(51.77% 0.0549 261.66) 54.8%, oklch(47.93% 0.0560 267.25) 58.1%, oklch(44.15% 0.0568 273.12) 61.3%, oklch(40.13% 0.0572 278.43) 64.5%, oklch(35.91% 0.0574 283.29) 67.7%, oklch(31.65% 0.0573 288.08) 71.0%, oklch(27.51% 0.0566 293.22) 74.2%, oklch(23.65% 0.0553 299.09) 77.4%, oklch(20.21% 0.0533 306.13) 80.6%, oklch(17.01% 0.0500 315.19) 83.9%, oklch(13.97% 0.0456 325.78) 87.1%, oklch(11.18% 0.0407 336.87) 90.3%, oklch(8.71% 0.0359 347.41) 93.5%, oklch(6.93% 0.0282 358.77) 96.8%, oklch(5.60% 0.0224 9.41) 100.0%);

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

Gradient cầu vồng tông trầm

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