Xanh dương sang đỏ nâu (hai tông) (gradient tuyến tính)

Bảng màu Xanh dương sang đỏ nâu (hai tông)

Gradient tuyến tính, 32 màu, góc 90°: #7d9fc7, #8388a0, #875d66, #8d3a3c, #8f2d31. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#7d9fc7
#7e9dc4
#7f9bc0
#8199bb
#8296b5
#8293b0
#8390aa
#838ca5
#8388a0
#83839c
#847e96
#85788f
#867287
#866c7f
#866776
#87626e
#875d66
#87585f
#885358
#894e52
#8b484c
#8c4346
#8d3e41
#8d3a3c
#8e3638
#8e3435
#8e3233
#8e3032
#8e2f31
#8f2e31
#8f2d31
#8f2d31

CSS

background: linear-gradient(90deg in oklch, oklch(69.29% 0.0703 253.12) 0.0%, oklch(68.85% 0.0673 254.34) 3.2%, oklch(68.29% 0.0629 255.43) 6.5%, oklch(67.63% 0.0577 256.71) 9.7%, oklch(66.88% 0.0521 258.47) 12.9%, oklch(66.04% 0.0467 260.99) 16.1%, oklch(65.13% 0.0421 264.57) 19.4%, oklch(64.15% 0.0386 269.50) 22.6%, oklch(63.12% 0.0369 276.12) 25.8%, oklch(61.95% 0.0364 285.38) 29.0%, oklch(60.64% 0.0366 296.91) 32.3%, oklch(59.24% 0.0377 309.84) 35.5%, oklch(57.80% 0.0395 323.30) 38.7%, oklch(56.37% 0.0422 336.41) 41.9%, oklch(55.00% 0.0457 348.31) 45.2%, oklch(53.73% 0.0499 358.12) 48.4%, oklch(52.59% 0.0552 5.17) 51.6%, oklch(51.50% 0.0623 10.25) 54.8%, oklch(50.44% 0.0709 13.82) 58.1%, oklch(49.43% 0.0803 16.23) 61.3%, oklch(48.48% 0.0900 17.79) 64.5%, oklch(47.62% 0.0993 18.84) 67.7%, oklch(46.86% 0.1077 19.69) 71.0%, oklch(46.21% 0.1144 20.68) 74.2%, oklch(45.69% 0.1193 21.81) 77.4%, oklch(45.30% 0.1230 22.47) 80.6%, oklch(45.03% 0.1257 22.74) 83.9%, oklch(44.85% 0.1278 22.72) 87.1%, oklch(44.73% 0.1292 22.54) 90.3%, oklch(44.65% 0.1303 22.29) 93.5%, oklch(44.57% 0.1313 22.09) 96.8%, oklch(44.49% 0.1323 22.05) 100.0%);

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

Yukata xanh chà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