Tím đậm, tím và hồng nhạt (gradient tuyến tính)

Gradient tuyến tính, 40 màu, góc 160°: #1f0c2a, #822d9c, #cf71cc, #ebb1dc, #f7e9f4. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#1f0c2a
#230e30
#2a1138
#321442
#3b174e
#451a5a
#501d67
#5c2175
#692583
#752990
#822d9c
#8d32a8
#9838b1
#a23db9
#aa44bf
#b24bc3
#b952c6
#bf59c9
#c561ca
#ca69cb
#cf71cc
#d378cd
#d780ce
#da87cf
#dd8fd0
#e096d2
#e39cd4
#e6a3d7
#e8aada
#ebb1dc
#edb8df
#efbfe2
#f0c5e5
#f2cce8
#f3d2eb
#f4d8ed
#f5ddef
#f6e2f1
#f7e6f2
#f7e9f4

CSS

background: linear-gradient(160deg in oklch, oklch(20.08% 0.0606 310.08) 0.0%, oklch(21.66% 0.0674 310.48) 2.6%, oklch(23.66% 0.0767 310.96) 5.1%, oklch(26.02% 0.0879 311.52) 7.7%, oklch(28.68% 0.1007 312.13) 10.3%, oklch(31.56% 0.1144 312.80) 12.8%, oklch(34.61% 0.1287 313.53) 15.4%, oklch(37.75% 0.1429 314.30) 17.9%, oklch(40.94% 0.1566 315.11) 20.5%, oklch(44.09% 0.1693 315.96) 23.1%, oklch(47.15% 0.1805 316.84) 25.6%, oklch(50.05% 0.1896 317.74) 28.2%, oklch(52.73% 0.1962 318.66) 30.8%, oklch(55.12% 0.1998 319.59) 33.3%, oklch(57.29% 0.2004 320.59) 35.9%, oklch(59.36% 0.1986 321.72) 38.5%, oklch(61.34% 0.1948 322.95) 41.0%, oklch(63.24% 0.1891 324.24) 43.6%, oklch(65.06% 0.1820 325.57) 46.2%, oklch(66.81% 0.1738 326.91) 48.7%, oklch(68.51% 0.1647 328.24) 51.3%, oklch(70.16% 0.1551 329.53) 53.8%, oklch(71.76% 0.1453 330.75) 56.4%, oklch(73.34% 0.1356 331.87) 59.0%, oklch(74.89% 0.1263 332.87) 61.5%, oklch(76.42% 0.1178 333.72) 64.1%, oklch(77.95% 0.1102 334.38) 66.7%, oklch(79.49% 0.1031 334.87) 69.2%, oklch(81.05% 0.0956 335.20) 71.8%, oklch(82.61% 0.0877 335.39) 74.4%, oklch(84.15% 0.0797 335.47) 76.9%, oklch(85.66% 0.0717 335.46) 79.5%, oklch(87.13% 0.0638 335.37) 82.1%, oklch(88.54% 0.0560 335.23) 84.6%, oklch(89.87% 0.0486 335.06) 87.2%, oklch(91.11% 0.0416 334.87) 89.7%, oklch(92.25% 0.0352 334.69) 92.3%, oklch(93.27% 0.0295 334.53) 94.9%, oklch(94.15% 0.0246 334.42) 97.4%, oklch(94.88% 0.0207 334.38) 100.0%);

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

Gradient hình nền

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