Xanh dương, xám và nâu vàng (bổ túc) (gradient tuyến tính)

Bảng màu Xanh dương, xám và nâu vàng (bổ túc)

Gradient tuyến tính, 32 màu, góc 90°: #667bc5, #7493b5, #90a69a, #aea77f, #c09874. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#667bc5
#677dc4
#697fc3
#6b82c1
#6d85bf
#6f88bd
#708cbb
#718fb8
#7493b5
#7896b1
#7c99ad
#819ba9
#859ea6
#88a0a4
#8aa2a2
#8da59e
#90a69a
#96a795
#9ba890
#a1a88c
#a5a889
#a9a886
#aca882
#aea77f
#b1a67b
#b4a579
#b7a377
#baa175
#bc9e74
#be9c74
#bf9a74
#c09874

CSS

background: linear-gradient(90deg in oklch, oklch(59.84% 0.1157 270.70) 0.0%, oklch(60.25% 0.1118 269.96) 3.2%, oklch(60.79% 0.1065 269.23) 6.5%, oklch(61.45% 0.1001 268.25) 9.7%, oklch(62.16% 0.0931 266.73) 12.9%, oklch(62.91% 0.0858 264.40) 16.1%, oklch(63.64% 0.0786 260.98) 19.4%, oklch(64.36% 0.0710 256.52) 22.6%, oklch(65.14% 0.0621 251.47) 25.8%, oklch(65.95% 0.0528 245.63) 29.0%, oklch(66.75% 0.0438 238.77) 32.3%, oklch(67.53% 0.0361 230.67) 35.5%, oklch(68.24% 0.0304 221.10) 38.7%, oklch(68.88% 0.0275 209.44) 41.9%, oklch(69.49% 0.0270 194.57) 45.2%, oklch(70.06% 0.0282 177.72) 48.4%, oklch(70.58% 0.0306 160.31) 51.6%, oklch(71.05% 0.0337 143.78) 54.8%, oklch(71.45% 0.0369 129.57) 58.1%, oklch(71.78% 0.0397 118.99) 61.3%, oklch(72.04% 0.0433 111.51) 64.5%, oklch(72.24% 0.0474 106.19) 67.7%, oklch(72.38% 0.0518 102.26) 71.0%, oklch(72.46% 0.0560 98.96) 74.2%, oklch(72.47% 0.0597 95.50) 77.4%, oklch(72.43% 0.0625 91.15) 80.6%, oklch(72.26% 0.0645 86.03) 83.9%, oklch(71.99% 0.0660 80.67) 87.1%, oklch(71.67% 0.0670 75.42) 90.3%, oklch(71.34% 0.0678 70.60) 93.5%, oklch(71.06% 0.0684 66.54) 96.8%, oklch(70.87% 0.0689 63.58) 100.0%);

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

Khói hương lúc chạng vạng

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