Tím oải hương, hồng và xanh dương (tương đồng) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #a4819e, #cf8cbb, #e086d0, #8a5fc0, #1d378d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#a4819e
#a681a0
#aa82a3
#af84a7
#b585aa
#bb87af
#c189b3
#c88ab7
#cf8cbb
#d58dbf
#db8ec3
#df8ec6
#e38ec9
#e58dcb
#e68bcd
#e489cf
#e086d0
#d982d0
#d07dd0
#c578ce
#b872cc
#a96cc9
#9a65c5
#8a5fc0
#7958ba
#6952b4
#5a4cac
#4b47a5
#3e429e
#313d97
#263a91
#1d378d

CSS

background: linear-gradient(135deg in oklch, oklch(64.57% 0.0593 331.88) 0.0%, oklch(65.02% 0.0624 332.13) 3.2%, oklch(65.69% 0.0664 332.65) 6.5%, oklch(66.56% 0.0712 333.37) 9.7%, oklch(67.57% 0.0767 334.24) 12.9%, oklch(68.66% 0.0826 335.20) 16.1%, oklch(69.81% 0.0889 336.17) 19.4%, oklch(70.96% 0.0954 337.11) 22.6%, oklch(72.07% 0.1020 337.95) 25.8%, oklch(73.09% 0.1086 338.63) 29.0%, oklch(73.98% 0.1150 339.10) 32.3%, oklch(74.68% 0.1212 339.28) 35.5%, oklch(75.16% 0.1269 339.13) 38.7%, oklch(75.37% 0.1321 338.58) 41.9%, oklch(75.26% 0.1367 337.56) 45.2%, oklch(74.79% 0.1404 336.03) 48.4%, oklch(73.90% 0.1433 333.88) 51.6%, oklch(72.52% 0.1454 330.94) 54.8%, oklch(70.69% 0.1471 327.29) 58.1%, oklch(68.49% 0.1483 323.04) 61.3%, oklch(65.98% 0.1490 318.30) 64.5%, oklch(63.23% 0.1494 313.19) 67.7%, oklch(60.31% 0.1494 307.81) 71.0%, oklch(57.29% 0.1492 302.29) 74.2%, oklch(54.22% 0.1489 296.73) 77.4%, oklch(51.19% 0.1484 291.25) 80.6%, oklch(48.25% 0.1478 285.96) 83.9%, oklch(45.48% 0.1472 280.98) 87.1%, oklch(42.94% 0.1467 276.41) 90.3%, oklch(40.71% 0.1463 272.38) 93.5%, oklch(38.84% 0.1461 268.99) 96.8%, oklch(37.40% 0.1461 266.36) 100.0%);

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

Gradient xanh dương và tím hoa cà

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