Tím đậm, xám, đen và tím (gradient tuyến tính)

Gradient tuyến tính, 40 màu, góc 135°: #280b33, #d3ace5, #7f7389, #2d223a, #7c34ba. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#280b33
#30133c
#3c1f49
#4b2c59
#5d3d6b
#704f7f
#856295
#9a76ab
#af8ac0
#c29cd4
#d3ace5
#e0b9f3
#e9c3fc
#ecc7ff
#e8c5fb
#debff1
#d0b4e1
#bea6ce
#aa96b8
#9485a0
#7f7389
#6a6172
#57515d
#47424c
#3a363e
#302d34
#2b272f
#292430
#2a2233
#2d223a
#332344
#3a2550
#42275e
#4b2a6c
#552d7c
#5f2f8b
#68319a
#7033a7
#7734b2
#7c34ba

CSS

background: linear-gradient(135deg in oklch, oklch(22.05% 0.0799 315.00) 0.0%, oklch(25.29% 0.0804 314.97) 2.6%, oklch(29.80% 0.0812 314.97) 5.1%, oklch(35.30% 0.0823 314.98) 7.7%, oklch(41.55% 0.0836 315.00) 10.3%, oklch(48.26% 0.0850 315.01) 12.8%, oklch(55.20% 0.0864 315.01) 15.4%, oklch(62.08% 0.0876 314.99) 17.9%, oklch(68.66% 0.0885 314.94) 20.5%, oklch(74.67% 0.0890 314.85) 23.1%, oklch(79.85% 0.0891 314.71) 25.6%, oklch(83.94% 0.0886 314.52) 28.2%, oklch(86.67% 0.0874 314.27) 30.8%, oklch(87.80% 0.0854 313.94) 33.3%, oklch(87.09% 0.0819 313.52) 35.9%, oklch(84.69% 0.0764 312.98) 38.5%, oklch(80.90% 0.0694 312.35) 41.0%, oklch(75.98% 0.0615 311.65) 43.6%, oklch(70.23% 0.0529 310.89) 46.2%, oklch(63.93% 0.0442 310.11) 48.7%, oklch(57.35% 0.0357 309.32) 51.3%, oklch(50.78% 0.0281 308.54) 53.8%, oklch(44.50% 0.0216 307.79) 56.4%, oklch(38.80% 0.0167 307.09) 59.0%, oklch(33.95% 0.0140 306.46) 61.5%, oklch(30.24% 0.0138 305.92) 64.1%, oklch(27.95% 0.0165 305.49) 66.7%, oklch(26.99% 0.0229 305.16) 69.2%, oklch(26.97% 0.0327 304.91) 71.8%, oklch(27.76% 0.0454 304.72) 74.4%, oklch(29.21% 0.0603 304.58) 76.9%, oklch(31.19% 0.0770 304.50) 79.5%, oklch(33.56% 0.0948 304.45) 82.1%, oklch(36.17% 0.1130 304.43) 84.6%, oklch(38.89% 0.1312 304.43) 87.2%, oklch(41.58% 0.1487 304.44) 89.7%, oklch(44.10% 0.1649 304.45) 92.3%, oklch(46.30% 0.1792 304.46) 94.9%, oklch(48.05% 0.1910 304.46) 97.4%, oklch(49.21% 0.1998 304.43) 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