Xanh hải quân, tím, hồng và hồng cánh sen (gradient tuyến tính)

Bảng màu Xanh hải quân, tím, hồng và hồng cánh sen

Gradient tuyến tính, 32 màu, góc 135°: #1d1943, #3a2fad, #c478d6, #e58cb1, #a53060. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#1d1943
#1f1a4b
#211c56
#221d63
#241f72
#272182
#2a2592
#3029a1
#3a2fad
#4837b8
#5941c1
#6d4bca
#8256d0
#9660d4
#a86ad6
#b872d7
#c478d6
#cf7dd4
#d883d0
#df87cb
#e38bc5
#e68dbf
#e68eb8
#e58cb1
#e187a9
#db7d9f
#d27193
#c86387
#be547b
#b44570
#ab3967
#a53060

CSS

background: linear-gradient(135deg in oklch, oklch(24.41% 0.0772 283.36) 0.0%, oklch(25.59% 0.0871 282.51) 3.2%, oklch(27.06% 0.1015 281.02) 6.5%, oklch(28.82% 0.1188 279.23) 9.7%, oklch(30.82% 0.1372 277.47) 12.9%, oklch(33.06% 0.1551 276.09) 16.1%, oklch(35.49% 0.1710 275.43) 19.4%, oklch(38.10% 0.1831 275.82) 22.6%, oklch(40.88% 0.1900 277.61) 25.8%, oklch(44.16% 0.1921 280.89) 29.0%, oklch(47.93% 0.1907 285.37) 32.3%, oklch(51.96% 0.1867 290.73) 35.5%, oklch(56.05% 0.1808 296.66) 38.7%, oklch(59.98% 0.1741 302.82) 41.9%, oklch(63.54% 0.1672 308.90) 45.2%, oklch(66.52% 0.1610 314.58) 48.4%, oklch(68.78% 0.1559 319.71) 51.6%, oklch(70.73% 0.1499 325.01) 54.8%, oklch(72.39% 0.1430 330.46) 58.1%, oklch(73.70% 0.1359 335.87) 61.3%, oklch(74.60% 0.1292 341.05) 64.5%, oklch(75.04% 0.1234 345.84) 67.7%, oklch(74.95% 0.1192 350.03) 71.0%, oklch(74.28% 0.1172 353.45) 74.2%, oklch(72.79% 0.1180 355.95) 77.4%, oklch(70.17% 0.1217 357.60) 80.6%, oklch(66.76% 0.1274 358.59) 83.9%, oklch(62.90% 0.1343 359.08) 87.1%, oklch(58.94% 0.1417 359.24) 90.3%, oklch(55.24% 0.1487 359.24) 93.5%, oklch(52.14% 0.1546 359.25) 96.8%, oklch(50.00% 0.1585 359.45) 100.0%);

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

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