Tím hoa cà, tím và xanh dương (ba tông) (gradient tuyến tính)

Bảng màu Tím hoa cà, tím và xanh dương (ba tông)

Gradient tuyến tính, 32 màu, góc 180°: #a86175, #684f93, #335fb9, #3783d4, #63a9d9. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#a86175
#a45e78
#9e5b7c
#965880
#8d5584
#835288
#78508c
#6f4f8f
#684f93
#614f97
#5b509c
#5451a1
#4d53a6
#4755ac
#4058b1
#395bb5
#335fb9
#2e64bd
#2c69c1
#2c6ec5
#2e73ca
#3179ce
#347ed1
#3783d4
#3a89d6
#3e8ed7
#4494d8
#4b99d8
#529fd9
#59a3d8
#5fa7d8
#63a9d9

CSS

background: linear-gradient(180deg in oklch, oklch(57.87% 0.0951 2.11) 0.0%, oklch(57.04% 0.0959 357.02) 3.2%, oklch(55.83% 0.0967 350.05) 6.5%, oklch(54.40% 0.0976 341.72) 9.7%, oklch(52.86% 0.0989 332.61) 12.9%, oklch(51.35% 0.1004 323.26) 16.1%, oklch(50.00% 0.1025 314.22) 19.4%, oklch(48.94% 0.1051 306.05) 22.6%, oklch(48.30% 0.1084 299.24) 25.8%, oklch(47.96% 0.1130 293.20) 29.0%, oklch(47.81% 0.1188 287.54) 32.3%, oklch(47.84% 0.1252 282.29) 35.5%, oklch(48.06% 0.1317 277.45) 38.7%, oklch(48.43% 0.1379 273.03) 41.9%, oklch(48.96% 0.1433 269.03) 45.2%, oklch(49.62% 0.1474 265.45) 48.4%, oklch(50.43% 0.1499 262.37) 51.6%, oklch(51.49% 0.1513 260.00) 54.8%, oklch(52.77% 0.1519 258.24) 58.1%, oklch(54.21% 0.1517 256.92) 61.3%, oklch(55.74% 0.1507 255.86) 64.5%, oklch(57.30% 0.1491 254.90) 67.7%, oklch(58.84% 0.1469 253.87) 71.0%, oklch(60.29% 0.1441 252.59) 74.2%, oklch(61.68% 0.1404 250.97) 77.4%, oklch(63.17% 0.1351 249.16) 80.6%, oklch(64.71% 0.1287 247.27) 83.9%, oklch(66.23% 0.1218 245.37) 87.1%, oklch(67.67% 0.1148 243.56) 90.3%, oklch(68.96% 0.1084 241.92) 93.5%, oklch(70.05% 0.1030 240.55) 96.8%, oklch(70.87% 0.0992 239.53) 100.0%);

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

Phượng tím đầu mùa

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