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

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

Gradient tuyến tính, 32 màu, góc 135°: #100a2f, #381e65, #7f3688, #9266c2, #47b8be. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#100a2f
#130b33
#160d38
#1a103e
#1f1245
#24154d
#2a1855
#311b5d
#381e65
#3f226c
#462573
#4d2879
#562b7e
#602d81
#6a3084
#753386
#7f3688
#88398a
#903e8e
#974393
#9b499b
#9c51a5
#995ab3
#9266c2
#8673d0
#7681d8
#648edc
#519bda
#42a5d3
#3caecb
#40b4c3
#47b8be

CSS

background: linear-gradient(135deg in oklch, oklch(18.11% 0.0703 284.77) 0.0%, oklch(19.12% 0.0738 285.57) 3.2%, oklch(20.40% 0.0786 286.54) 6.5%, oklch(21.91% 0.0843 287.66) 9.7%, oklch(23.61% 0.0907 288.93) 12.9%, oklch(25.45% 0.0975 290.33) 16.1%, oklch(27.38% 0.1044 291.85) 19.4%, oklch(29.37% 0.1112 293.48) 22.6%, oklch(31.37% 0.1176 295.21) 25.8%, oklch(33.34% 0.1233 297.03) 29.0%, oklch(35.22% 0.1282 298.92) 32.3%, oklch(37.03% 0.1321 301.19) 35.5%, oklch(38.87% 0.1358 304.69) 38.7%, oklch(40.75% 0.1393 309.06) 41.9%, oklch(42.65% 0.1426 313.87) 45.2%, oklch(44.56% 0.1454 318.69) 48.4%, oklch(46.48% 0.1478 323.07) 51.6%, oklch(48.38% 0.1496 326.58) 54.8%, oklch(50.27% 0.1508 328.77) 58.1%, oklch(52.12% 0.1513 329.23) 61.3%, oklch(53.94% 0.1509 327.50) 64.5%, oklch(55.71% 0.1496 323.10) 67.7%, oklch(57.54% 0.1469 315.27) 71.0%, oklch(59.43% 0.1428 304.46) 74.2%, oklch(61.35% 0.1376 291.41) 77.4%, oklch(63.25% 0.1318 276.87) 80.6%, oklch(65.09% 0.1256 261.59) 83.9%, oklch(66.83% 0.1194 246.32) 87.1%, oklch(68.44% 0.1135 231.80) 90.3%, oklch(69.87% 0.1081 218.78) 93.5%, oklch(71.09% 0.1037 208.01) 96.8%, oklch(72.05% 0.1006 200.23) 100.0%);

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

Màu dưới nước

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