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

Bảng màu Tím, hồng và xanh dương nhạt (tương đồng)

Gradient tuyến tính, 32 màu, góc 135°: #0f001e, #cf52b1, #903d91, #a69bd8, #0d0006. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0f001e
#20052f
#3e1347
#672660
#933875
#ba4986
#d55493
#db56a0
#cf52b1
#b44cc0
#9247c7
#7342c7
#5e3fc2
#5e3dbc
#6c3cb2
#7f3ba3
#903d91
#9d4482
#a54c7b
#a85680
#ac6594
#ae77b0
#ac8bc9
#a69bd8
#9ea2db
#949ccf
#8485b4
#6e648d
#534161
#372038
#1e0818
#0d0006

CSS

background: linear-gradient(135deg in oklch, oklch(13.43% 0.0698 305.02) 0.0%, oklch(19.38% 0.0824 311.36) 3.2%, oklch(28.26% 0.0999 320.96) 6.5%, oklch(38.54% 0.1203 331.93) 9.7%, oklch(48.76% 0.1411 342.25) 12.9%, oklch(57.45% 0.1600 349.90) 16.1%, oklch(63.13% 0.1743 352.86) 19.4%, oklch(64.78% 0.1834 348.86) 22.6%, oklch(63.24% 0.1899 338.10) 25.8%, oklch(59.66% 0.1941 323.59) 29.0%, oklch(55.20% 0.1960 308.37) 32.3%, oklch(50.97% 0.1956 295.49) 35.5%, oklch(48.13% 0.1931 288.00) 38.7%, oklch(47.42% 0.1881 288.81) 41.9%, oklch(47.77% 0.1791 297.76) 45.2%, oklch(48.84% 0.1674 311.63) 48.4%, oklch(50.43% 0.1542 327.06) 51.6%, oklch(52.33% 0.1408 340.73) 54.8%, oklch(54.34% 0.1287 349.30) 58.1%, oklch(56.45% 0.1190 349.46) 61.3%, oklch(60.04% 0.1105 340.52) 64.5%, oklch(64.54% 0.1028 325.68) 67.7%, oklch(68.89% 0.0955 308.47) 71.0%, oklch(72.04% 0.0888 292.42) 74.2%, oklch(72.91% 0.0823 281.04) 77.4%, oklch(70.43% 0.0759 277.83) 80.6%, oklch(63.42% 0.0695 283.41) 83.9%, oklch(52.92% 0.0632 295.07) 87.1%, oklch(40.67% 0.0572 310.10) 90.3%, oklch(28.39% 0.0519 325.82) 93.5%, oklch(17.80% 0.0474 339.51) 96.8%, oklch(10.63% 0.0441 348.48) 100.0%);

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

Gradient tím và hồ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