Hồng, tím và xanh hải quân tông rực rỡ (gradient tuyến tính)

Bảng màu Hồng, tím và xanh hải quân tông rực rỡ

Gradient tuyến tính, 32 màu, góc 160°: #e92a9d, #b03bc7, #292581, #051856, #763ba8. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#e92a9d
#e52ca1
#e02da6
#db30ac
#d432b3
#cd35b9
#c437bf
#bb39c4
#b03bc7
#a43cc9
#983cc7
#893bc4
#7839bc
#6435b1
#4f30a2
#3c2b92
#292581
#192071
#0b1b62
#011756
#001748
#001645
#00154d
#051856
#121c60
#20216c
#2f2679
#3f2c86
#503192
#5f359c
#6c39a3
#763ba8

CSS

background: linear-gradient(160deg in oklch, oklch(62.99% 0.2398 350.16) 0.0%, oklch(62.57% 0.2383 347.90) 3.2%, oklch(62.15% 0.2368 345.06) 6.5%, oklch(61.71% 0.2352 341.72) 9.7%, oklch(61.19% 0.2334 337.97) 12.9%, oklch(60.57% 0.2312 333.89) 16.1%, oklch(59.81% 0.2286 329.56) 19.4%, oklch(58.87% 0.2254 325.07) 22.6%, oklch(57.71% 0.2216 320.50) 25.8%, oklch(56.29% 0.2170 315.94) 29.0%, oklch(54.58% 0.2115 311.46) 32.3%, oklch(52.41% 0.2047 306.88) 35.5%, oklch(49.46% 0.1956 301.49) 38.7%, oklch(45.90% 0.1848 295.51) 41.9%, oklch(41.96% 0.1729 289.22) 45.2%, oklch(37.85% 0.1605 282.90) 48.4%, oklch(33.80% 0.1481 276.84) 51.6%, oklch(30.02% 0.1365 271.32) 54.8%, oklch(26.73% 0.1263 266.63) 58.1%, oklch(24.16% 0.1180 263.05) 61.3%, oklch(22.53% 0.0979 261.09) 64.5%, oklch(22.04% 0.0931 260.62) 67.7%, oklch(22.77% 0.1059 262.07) 71.0%, oklch(24.51% 0.1141 265.05) 74.2%, oklch(27.06% 0.1197 269.55) 77.4%, oklch(30.18% 0.1269 274.98) 80.6%, oklch(33.64% 0.1351 280.97) 83.9%, oklch(37.20% 0.1436 287.12) 87.1%, oklch(40.66% 0.1519 293.06) 90.3%, oklch(43.76% 0.1594 298.40) 93.5%, oklch(46.30% 0.1654 302.77) 96.8%, oklch(48.03% 0.1695 305.77) 100.0%);

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