Xanh hải quân, tím và hồng tông trầm (gradient tuyến tính)

Bảng màu Xanh hải quân, tím và hồng tông trầm

Gradient tuyến tính, 32 màu, góc 135°: #101a3d, #2f3767, #63548a, #986c99, #d294a8. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#101a3d
#121d40
#152045
#18244a
#1c2851
#202c57
#25305d
#293462
#2f3767
#343b6d
#3a3f72
#414377
#47477c
#4e4a80
#554e83
#5c5187
#63548a
#6a578c
#715b8f
#795e92
#816294
#886596
#906998
#986c99
#a0709b
#a7749d
#af7a9f
#b87fa1
#c085a3
#c78ba5
#cd90a7
#d294a8

CSS

background: linear-gradient(135deg in oklch, oklch(23.23% 0.0675 267.89) 0.0%, oklch(24.21% 0.0691 268.12) 3.2%, oklch(25.55% 0.0712 268.34) 6.5%, oklch(27.14% 0.0738 268.65) 9.7%, oklch(28.88% 0.0765 269.10) 12.9%, oklch(30.66% 0.0789 269.80) 16.1%, oklch(32.36% 0.0810 270.81) 19.4%, oklch(33.97% 0.0825 272.16) 22.6%, oklch(35.61% 0.0838 273.76) 25.8%, oklch(37.29% 0.0848 275.61) 29.0%, oklch(38.97% 0.0857 277.70) 32.3%, oklch(40.64% 0.0863 280.05) 35.5%, oklch(42.27% 0.0867 282.64) 38.7%, oklch(43.86% 0.0869 285.49) 41.9%, oklch(45.40% 0.0866 288.66) 45.2%, oklch(46.91% 0.0861 292.11) 48.4%, oklch(48.41% 0.0854 295.77) 51.6%, oklch(49.92% 0.0848 299.60) 54.8%, oklch(51.44% 0.0842 303.54) 58.1%, oklch(52.98% 0.0840 307.56) 61.3%, oklch(54.53% 0.0840 311.84) 64.5%, oklch(56.09% 0.0841 316.33) 67.7%, oklch(57.66% 0.0843 320.92) 71.0%, oklch(59.25% 0.0844 325.51) 74.2%, oklch(60.87% 0.0843 329.98) 77.4%, oklch(62.55% 0.0840 334.25) 80.6%, oklch(64.43% 0.0833 338.68) 83.9%, oklch(66.48% 0.0823 343.25) 87.1%, oklch(68.53% 0.0812 347.71) 90.3%, oklch(70.45% 0.0801 351.78) 93.5%, oklch(72.06% 0.0792 355.21) 96.8%, oklch(73.23% 0.0785 357.71) 100.0%);

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

Gradient hồng và xanh dươ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