Xanh dương nhạt sang xanh dương (đơn sắc) (gradient tuyến tính)

Bảng màu Xanh dương nhạt sang xanh dương (đơn sắc)

Gradient tuyến tính, 32 màu, góc 90°: #bad1fe, #8faaff, #637bdd, #3c53b3, #14298b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#bad1fe
#b6cefe
#b1caff
#acc6ff
#a7c1ff
#a1bcff
#9bb6ff
#95b0ff
#8faaff
#89a3fe
#849dfc
#7f98f8
#7992f4
#748cef
#6e86e9
#6981e3
#637bdd
#5d75d7
#586fd0
#526aca
#4d64c4
#475fbe
#4259b9
#3c53b3
#354dad
#2f47a7
#2a41a1
#243b9b
#1f3696
#1a3192
#172c8e
#14298b

CSS

background: linear-gradient(90deg in oklch, oklch(85.83% 0.0675 263.67) 0.0%, oklch(85.01% 0.0721 264.13) 3.2%, oklch(83.99% 0.0782 264.77) 6.5%, oklch(82.79% 0.0852 265.53) 9.7%, oklch(81.45% 0.0923 266.38) 12.9%, oklch(79.98% 0.1002 267.28) 16.1%, oklch(78.42% 0.1087 268.19) 19.4%, oklch(76.79% 0.1177 269.05) 22.6%, oklch(75.13% 0.1270 269.82) 25.8%, oklch(73.46% 0.1350 270.47) 29.0%, oklch(71.80% 0.1405 270.95) 32.3%, oklch(70.16% 0.1444 271.24) 35.5%, oklch(68.45% 0.1471 271.40) 38.7%, oklch(66.67% 0.1490 271.45) 41.9%, oklch(64.84% 0.1501 271.40) 45.2%, oklch(62.98% 0.1506 271.28) 48.4%, oklch(61.09% 0.1507 271.11) 51.6%, oklch(59.19% 0.1507 270.89) 54.8%, oklch(57.29% 0.1506 270.64) 58.1%, oklch(55.41% 0.1506 270.39) 61.3%, oklch(53.57% 0.1510 270.16) 64.5%, oklch(51.76% 0.1519 269.94) 67.7%, oklch(49.86% 0.1530 269.68) 71.0%, oklch(47.86% 0.1542 269.38) 74.2%, oklch(45.82% 0.1554 269.03) 77.4%, oklch(43.79% 0.1567 268.67) 80.6%, oklch(41.80% 0.1579 268.30) 83.9%, oklch(39.91% 0.1591 267.94) 87.1%, oklch(38.16% 0.1602 267.59) 90.3%, oklch(36.61% 0.1611 267.29) 93.5%, oklch(35.29% 0.1620 267.03) 96.8%, oklch(34.25% 0.1626 266.84) 100.0%);

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

Gradient mật độ dân số

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