Xanh hải quân, xanh lơ, tím oải hương và hồng (gradient tuyến tính)

Bảng màu Xanh hải quân, xanh lơ, tím oải hương và hồng

Gradient tuyến tính, 32 màu, góc 135°: #07122b, #0160ea, #00e1ef, #ec33c9, #fd6ad7. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#07122b
#091739
#0c1e4d
#102566
#172d83
#1d37a1
#2142be
#1e50d7
#0160ea
#007ade
#0091d9
#00a6d9
#00b9da
#00cadc
#00d7df
#05dfe4
#00e1ef
#0ddaff
#66c9ff
#81b6ff
#999eff
#b87bff
#db4fed
#ec33c9
#f524b4
#fa24ab
#fd30ac
#fe3fb4
#fe4ebf
#fd5bca
#fd64d3
#fd6ad7

CSS

background: linear-gradient(135deg in oklch, oklch(18.90% 0.0537 263.67) 0.0%, oklch(21.60% 0.0689 263.94) 3.2%, oklch(25.23% 0.0911 264.76) 6.5%, oklch(29.56% 0.1175 265.77) 9.7%, oklch(34.35% 0.1457 266.59) 12.9%, oklch(39.36% 0.1729 266.84) 16.1%, oklch(44.36% 0.1963 266.15) 19.4%, oklch(49.11% 0.2134 264.15) 22.6%, oklch(53.41% 0.2215 260.35) 25.8%, oklch(57.95% 0.1772 252.72) 29.0%, oklch(62.81% 0.1485 241.81) 32.3%, oklch(67.71% 0.1339 229.32) 35.5%, oklch(72.37% 0.1292 216.96) 38.7%, oklch(76.51% 0.1310 206.43) 41.9%, oklch(79.83% 0.1357 199.42) 45.2%, oklch(82.06% 0.1392 197.62) 48.4%, oklch(82.87% 0.1411 202.83) 51.6%, oklch(81.99% 0.1443 215.78) 54.8%, oklch(79.82% 0.1203 234.52) 58.1%, oklch(76.83% 0.1194 256.82) 61.3%, oklch(73.48% 0.1399 280.47) 64.5%, oklch(70.23% 0.1916 303.24) 67.7%, oklch(67.56% 0.2481 322.91) 71.0%, oklch(65.94% 0.2589 337.26) 74.2%, oklch(65.59% 0.2624 345.24) 77.4%, oklch(66.07% 0.2606 349.08) 80.6%, oklch(67.16% 0.2548 349.80) 83.9%, oklch(68.62% 0.2464 348.31) 87.1%, oklch(70.26% 0.2369 345.54) 90.3%, oklch(71.85% 0.2276 342.40) 93.5%, oklch(73.17% 0.2198 339.81) 96.8%, oklch(74.02% 0.2150 338.70) 100.0%);

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

Trang phục lông vũ đính kim sa Gradient hồng và xanh cổ vịt

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