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

Gradient tuyến tính, 32 màu, góc 90°: #c3bcfd, #b6628a, #814da5, #391239, #cfd6fc. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#c3bcfd
#c3b4f5
#c4a8ea
#c59bda
#c48dc8
#c280b5
#bf74a2
#ba6a93
#b6628a
#b35d89
#af598d
#aa5795
#a4569e
#9c56a7
#9355ac
#8a52ac
#814da5
#754296
#683581
#5b276a
#4d1b55
#421244
#3b0f3a
#391239
#401d42
#4e2f55
#61496f
#79678f
#9287b0
#aaa7d0
#bfc3ea
#cfd6fc

CSS

background: linear-gradient(90deg in oklch, oklch(82.28% 0.0909 289.69) 0.0%, oklch(80.48% 0.0930 295.34) 3.2%, oklch(77.98% 0.0958 303.68) 6.5%, oklch(74.98% 0.0991 313.66) 9.7%, oklch(71.73% 0.1028 324.22) 12.9%, oklch(68.44% 0.1067 334.31) 16.1%, oklch(65.34% 0.1106 342.87) 19.4%, oklch(62.64% 0.1144 348.83) 22.6%, oklch(60.58% 0.1180 351.17) 25.8%, oklch(59.20% 0.1225 349.50) 29.0%, oklch(58.31% 0.1277 344.74) 32.3%, oklch(57.72% 0.1332 337.92) 35.5%, oklch(57.21% 0.1382 330.09) 38.7%, oklch(56.59% 0.1424 322.29) 41.9%, oklch(55.64% 0.1450 315.57) 45.2%, oklch(54.15% 0.1454 310.95) 48.4%, oklch(51.80% 0.1431 309.39) 51.6%, oklch(47.88% 0.1378 310.56) 54.8%, oklch(42.92% 0.1301 313.60) 58.1%, oklch(37.58% 0.1209 317.70) 61.3%, oklch(32.57% 0.1109 322.03) 64.5%, oklch(28.56% 0.1009 325.77) 67.7%, oklch(26.25% 0.0918 328.08) 71.0%, oklch(26.31% 0.0842 328.16) 74.2%, oklch(29.51% 0.0784 325.32) 77.4%, oklch(35.91% 0.0733 319.92) 80.6%, oklch(44.58% 0.0688 312.74) 83.9%, oklch(54.54% 0.0648 304.55) 87.1%, oklch(64.85% 0.0613 296.11) 90.3%, oklch(74.53% 0.0583 288.19) 93.5%, oklch(82.63% 0.0558 281.57) 96.8%, oklch(88.19% 0.0537 277.01) 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