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, 40 màu, góc 135°: #291b45, #68448e, #5496c7, #8ec3d6, #e8d3f0. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#291b45
#2c1d49
#30204e
#362354
#3c275b
#432b63
#4a2f6b
#523474
#5a397c
#613e85
#68448e
#6e4a97
#7250a0
#7557a8
#755eb0
#7367b8
#6e70bf
#677ac4
#6083c7
#598dc8
#5496c7
#539ec5
#56a5c3
#5dabc1
#65b0c0
#6db5c1
#75b9c4
#7dbcc9
#85c0cf
#8ec3d6
#98c5de
#a2c7e4
#adc9e9
#b8cbed
#c3ccf0
#cecdf1
#d6cff1
#ded0f1
#e4d2f0
#e8d3f0

CSS

background: linear-gradient(135deg in oklch, oklch(26.38% 0.0758 296.02) 0.0%, oklch(27.54% 0.0783 296.41) 2.6%, oklch(28.98% 0.0819 297.26) 5.1%, oklch(30.68% 0.0863 298.44) 7.7%, oklch(32.59% 0.0912 299.80) 10.3%, oklch(34.66% 0.0966 301.24) 12.8%, oklch(36.86% 0.1021 302.60) 15.4%, oklch(39.14% 0.1075 303.76) 17.9%, oklch(41.47% 0.1127 304.59) 20.5%, oklch(43.81% 0.1173 304.96) 23.1%, oklch(46.10% 0.1213 304.74) 25.6%, oklch(48.32% 0.1243 303.79) 28.2%, oklch(50.42% 0.1262 301.98) 30.8%, oklch(52.36% 0.1268 299.19) 33.3%, oklch(54.21% 0.1259 294.78) 35.9%, oklch(56.04% 0.1237 288.51) 38.5%, oklch(57.86% 0.1205 280.76) 41.0%, oklch(59.67% 0.1163 271.93) 43.6%, oklch(61.45% 0.1115 262.42) 46.2%, oklch(63.21% 0.1061 252.62) 48.7%, oklch(64.93% 0.1005 242.93) 51.3%, oklch(66.63% 0.0947 233.75) 53.8%, oklch(68.28% 0.0889 225.48) 56.4%, oklch(69.89% 0.0834 218.50) 59.0%, oklch(71.45% 0.0784 213.23) 61.5%, oklch(72.96% 0.0739 210.05) 64.1%, oklch(74.41% 0.0703 209.36) 66.7%, oklch(75.83% 0.0672 211.47) 69.2%, oklch(77.25% 0.0643 216.14) 71.8%, oklch(78.65% 0.0616 222.95) 74.4%, oklch(80.03% 0.0591 231.49) 76.9%, oklch(81.36% 0.0568 241.33) 79.5%, oklch(82.65% 0.0547 252.07) 82.1%, oklch(83.87% 0.0527 263.28) 84.6%, oklch(85.03% 0.0509 274.55) 87.2%, oklch(86.10% 0.0492 285.46) 89.7%, oklch(87.08% 0.0477 295.59) 92.3%, oklch(87.96% 0.0464 304.53) 94.9%, oklch(88.73% 0.0452 311.85) 97.4%, 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