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

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

Gradient tuyến tính, 32 màu, góc 135°: #080b11, #5c1a7d, #cf3178, #86b6f2, #dbf3fa. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#080b11
#090e1a
#0d1227
#151437
#201647
#2e1757
#3c1765
#4b1871
#5c1a7d
#6e1d89
#802094
#92249c
#a228a0
#b12b9f
#be2b95
#c82c86
#cf3178
#d33972
#d44579
#d45391
#cb68b7
#b682dc
#9b9ef1
#86b6f2
#85c8e9
#92d3e4
#a3dae4
#b2e1e8
#bfe7ed
#caecf3
#d3f0f7
#dbf3fa

CSS

background: linear-gradient(135deg in oklch, oklch(14.96% 0.0138 262.97) 0.0%, oklch(16.64% 0.0265 267.17) 3.2%, oklch(18.90% 0.0443 273.06) 6.5%, oklch(21.61% 0.0654 280.01) 9.7%, oklch(24.61% 0.0876 287.39) 12.9%, oklch(27.75% 0.1091 294.58) 16.1%, oklch(30.88% 0.1277 300.95) 19.4%, oklch(34.10% 0.1435 306.27) 22.6%, oklch(37.69% 0.1591 311.16) 25.8%, oklch(41.46% 0.1738 315.73) 29.0%, oklch(45.20% 0.1869 320.12) 32.3%, oklch(48.69% 0.1975 324.44) 35.5%, oklch(51.72% 0.2048 328.81) 38.7%, oklch(54.07% 0.2084 334.01) 41.9%, oklch(55.68% 0.2086 341.89) 45.2%, oklch(56.83% 0.2059 350.72) 48.4%, oklch(57.83% 0.2007 358.41) 51.6%, oklch(58.96% 0.1933 2.87) 54.8%, oklch(60.54% 0.1840 2.01) 58.1%, oklch(62.82% 0.1730 353.52) 61.3%, oklch(65.82% 0.1578 335.17) 64.5%, oklch(69.27% 0.1394 309.91) 67.7%, oklch(72.93% 0.1197 281.59) 71.0%, oklch(76.57% 0.1002 254.03) 74.2%, oklch(79.94% 0.0829 231.07) 77.4%, oklch(82.82% 0.0693 216.44) 80.6%, oklch(85.41% 0.0586 209.50) 83.9%, oklch(87.85% 0.0496 207.60) 87.1%, oklch(90.07% 0.0423 209.06) 90.3%, oklch(92.03% 0.0363 212.16) 93.5%, oklch(93.65% 0.0315 215.19) 96.8%, oklch(94.88% 0.0276 216.47) 100.0%);

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

Gradient màu giả thiên văn

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