Xanh hải quân sang tím oải hương (gradient tuyến tính)

Bảng màu Xanh hải quân sang tím oải hương

Gradient tuyến tính, 32 màu, góc 135°: #291b45, #69448f, #5497c7, #8dc3d6, #e8d3f0. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#291b45
#2d1e4a
#332251
#3a265a
#432b63
#4d306e
#563678
#603d83
#69448f
#704c9a
#7454a5
#755daf
#7267b9
#6c73c1
#6380c7
#598cc8
#5497c7
#54a1c4
#5aa9c2
#64b0c0
#6fb5c2
#78bac6
#82bfcd
#8dc3d6
#9ac6df
#a7c8e7
#b5caec
#c3ccf0
#d0cef1
#dad0f1
#e3d1f0
#e8d3f0

CSS

background: linear-gradient(135deg in oklch, oklch(26.38% 0.0758 296.02) 0.0%, oklch(27.88% 0.0792 296.59) 3.2%, oklch(29.83% 0.0841 297.83) 6.5%, oklch(32.14% 0.0901 299.49) 9.7%, oklch(34.73% 0.0968 301.28) 12.9%, oklch(37.51% 0.1037 302.96) 16.1%, oklch(40.42% 0.1104 304.27) 19.4%, oklch(43.36% 0.1165 304.93) 22.6%, oklch(46.25% 0.1215 304.70) 25.8%, oklch(49.01% 0.1251 303.31) 29.0%, oklch(51.57% 0.1267 300.49) 32.3%, oklch(53.91% 0.1261 295.63) 35.5%, oklch(56.22% 0.1234 287.82) 38.7%, oklch(58.51% 0.1191 277.73) 41.9%, oklch(60.76% 0.1134 266.15) 45.2%, oklch(62.98% 0.1069 253.88) 48.4%, oklch(65.15% 0.0997 241.71) 51.6%, oklch(67.27% 0.0924 230.42) 54.8%, oklch(69.32% 0.0854 220.80) 58.1%, oklch(71.30% 0.0788 213.65) 61.3%, oklch(73.19% 0.0733 209.76) 64.5%, oklch(75.01% 0.0690 209.91) 67.7%, oklch(76.80% 0.0652 214.38) 71.0%, oklch(78.56% 0.0618 222.46) 74.2%, oklch(80.29% 0.0587 233.31) 77.4%, oklch(81.95% 0.0558 246.10) 80.6%, oklch(83.52% 0.0532 260.00) 83.9%, oklch(84.99% 0.0509 274.19) 87.1%, oklch(86.33% 0.0489 287.83) 90.3%, oklch(87.52% 0.0471 300.09) 93.5%, oklch(88.54% 0.0455 310.14) 96.8%, oklch(89.37% 0.0441 317.15) 100.0%);

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

Giao diện kính óng ánh

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