Tím, hồng và hồng đào (ba tông) tông rực rỡ (gradient tuyến tính)

Bảng màu Tím, hồng và hồng đào (ba tông) tông rực rỡ

Gradient tuyến tính, 32 màu, góc 90°: #392263, #723ca4, #cc4688, #f2795f, #f9d79c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#392263
#3d2469
#412873
#472c7e
#4e3189
#553594
#5e389d
#673aa2
#723ca4
#7d3ca4
#893da3
#953d9f
#a03e9b
#ab4098
#b64193
#c1448e
#cc4688
#d54a81
#de4f7a
#e55673
#ea5e6c
#ee6666
#f06f62
#f2795f
#f3845e
#f58f5f
#f69c64
#f7aa6d
#f8b879
#f8c586
#f9cf93
#f9d79c

CSS

background: linear-gradient(90deg in oklch, oklch(31.89% 0.1102 296.02) 0.0%, oklch(33.24% 0.1155 295.76) 3.2%, oklch(35.13% 0.1230 295.09) 6.5%, oklch(37.36% 0.1318 294.42) 9.7%, oklch(39.74% 0.1409 294.16) 12.9%, oklch(42.06% 0.1493 294.72) 16.1%, oklch(44.12% 0.1560 296.53) 19.4%, oklch(45.86% 0.1607 299.90) 22.6%, oklch(47.44% 0.1641 304.66) 25.8%, oklch(48.93% 0.1665 310.41) 29.0%, oklch(50.37% 0.1684 316.74) 32.3%, oklch(51.81% 0.1700 323.26) 35.5%, oklch(53.31% 0.1716 329.57) 38.7%, oklch(54.90% 0.1734 335.45) 41.9%, oklch(56.52% 0.1757 341.39) 45.2%, oklch(58.17% 0.1780 347.41) 48.4%, oklch(59.84% 0.1799 353.46) 51.6%, oklch(61.51% 0.1808 359.48) 54.8%, oklch(63.18% 0.1803 5.43) 58.1%, oklch(64.82% 0.1780 11.24) 61.3%, oklch(66.39% 0.1739 16.91) 64.5%, oklch(67.92% 0.1683 22.49) 67.7%, oklch(69.47% 0.1617 28.03) 71.0%, oklch(71.09% 0.1544 33.59) 74.2%, oklch(72.86% 0.1467 39.22) 77.4%, oklch(74.83% 0.1390 44.98) 80.6%, oklch(77.23% 0.1299 51.39) 83.9%, oklch(79.98% 0.1195 58.27) 87.1%, oklch(82.81% 0.1088 65.15) 90.3%, oklch(85.48% 0.0987 71.52) 93.5%, oklch(87.75% 0.0902 76.90) 96.8%, oklch(89.37% 0.0841 80.79) 100.0%);

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

Sọc màu retro Gradient synthwave

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