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

Bảng màu Xanh hải quân, tím oải hương và xám (tương đồng)

Gradient tuyến tính, 32 màu, góc 45°: #25313d, #475f83, #8088c2, #b5a7c8, #d3c0a2. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#25313d
#273542
#2a3a4a
#2e4052
#32465c
#374d66
#3c5370
#415979
#475f83
#4d648c
#546a96
#5b6f9f
#6374a7
#6a79af
#727eb6
#7983bc
#8088c2
#888dc7
#9092cb
#9996cd
#a19acd
#a89fcc
#aea3ca
#b5a7c8
#bbabc5
#c1aec3
#c9b0bf
#d0b2b9
#d6b4b1
#d7b8a9
#d6bca4
#d3c0a2

CSS

background: linear-gradient(45deg in oklch, oklch(30.71% 0.0276 248.20) 0.0%, oklch(32.11% 0.0306 248.76) 3.2%, oklch(34.04% 0.0348 249.44) 6.5%, oklch(36.32% 0.0399 250.29) 9.7%, oklch(38.80% 0.0453 251.33) 12.9%, oklch(41.30% 0.0506 252.62) 16.1%, oklch(43.66% 0.0556 254.19) 19.4%, oklch(45.84% 0.0602 256.13) 22.6%, oklch(48.04% 0.0651 258.48) 25.8%, oklch(50.25% 0.0700 261.12) 29.0%, oklch(52.44% 0.0746 263.90) 32.3%, oklch(54.59% 0.0786 266.70) 35.5%, oklch(56.67% 0.0817 269.38) 38.7%, oklch(58.68% 0.0839 271.78) 41.9%, oklch(60.64% 0.0857 273.77) 45.2%, oklch(62.57% 0.0868 275.59) 48.4%, oklch(64.43% 0.0872 277.55) 51.6%, oklch(66.22% 0.0866 279.90) 54.8%, oklch(67.93% 0.0846 282.93) 58.1%, oklch(69.53% 0.0809 286.75) 61.3%, oklch(71.06% 0.0744 290.27) 64.5%, oklch(72.51% 0.0659 293.82) 67.7%, oklch(73.88% 0.0566 298.19) 71.0%, oklch(75.15% 0.0478 304.11) 74.2%, oklch(76.31% 0.0408 312.35) 77.4%, oklch(77.37% 0.0367 323.73) 80.6%, oklch(78.32% 0.0355 340.47) 83.9%, oklch(79.17% 0.0365 1.50) 87.1%, oklch(79.92% 0.0388 24.30) 90.3%, oklch(80.56% 0.0415 46.39) 93.5%, oklch(81.09% 0.0440 65.27) 96.8%, oklch(81.50% 0.0455 78.42) 100.0%);

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

Phượng tím đầu mùa

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