Xanh dương sang tím (hai tông) tông trầm (gradient tuyến tính)

Bảng màu Xanh dương sang tím (hai tông) tông trầm

Gradient tuyến tính, 32 màu, góc 135°: #85a8bc, #638aa6, #526c8c, #675c79, #874f66. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#85a8bc
#82a6ba
#7ea3b8
#7a9fb6
#759bb3
#7096b0
#6b92ac
#678ea9
#638aa6
#6086a3
#5c829f
#597e9c
#557a98
#537694
#517391
#516f8f
#526c8c
#54698a
#576687
#5b6484
#5e6181
#625f7e
#655e7b
#675c79
#6a5a77
#6e5976
#725774
#775572
#7c536f
#81526c
#845068
#874f66

CSS

background: linear-gradient(135deg in oklch, oklch(71.26% 0.0482 233.44) 0.0%, oklch(70.50% 0.0493 234.01) 3.2%, oklch(69.48% 0.0509 234.74) 6.5%, oklch(68.27% 0.0527 235.62) 9.7%, oklch(66.93% 0.0547 236.60) 12.9%, oklch(65.52% 0.0566 237.68) 16.1%, oklch(64.10% 0.0584 238.80) 19.4%, oklch(62.75% 0.0599 239.96) 22.6%, oklch(61.51% 0.0608 241.11) 25.8%, oklch(60.26% 0.0615 241.90) 29.0%, oklch(58.98% 0.0619 242.41) 32.3%, oklch(57.68% 0.0622 242.88) 35.5%, oklch(56.42% 0.0623 243.58) 38.7%, oklch(55.23% 0.0621 244.75) 41.9%, oklch(54.13% 0.0617 246.65) 45.2%, oklch(53.17% 0.0610 249.52) 48.4%, oklch(52.38% 0.0600 253.62) 51.6%, oklch(51.72% 0.0581 259.00) 54.8%, oklch(51.18% 0.0556 265.39) 58.1%, oklch(50.73% 0.0527 272.51) 61.3%, oklch(50.38% 0.0500 280.07) 64.5%, oklch(50.09% 0.0478 287.79) 67.7%, oklch(49.85% 0.0466 295.38) 71.0%, oklch(49.65% 0.0466 302.55) 74.2%, oklch(49.51% 0.0483 309.45) 77.4%, oklch(49.46% 0.0518 316.84) 80.6%, oklch(49.50% 0.0565 324.46) 83.9%, oklch(49.59% 0.0618 331.98) 87.1%, oklch(49.71% 0.0674 339.11) 90.3%, oklch(49.84% 0.0726 345.53) 93.5%, oklch(49.94% 0.0769 350.92) 96.8%, oklch(50.00% 0.0799 354.96) 100.0%);

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

Gradient xanh dương và tím hoa cà Gradient hồng và xanh dươ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