Xanh hải quân, tím và hồng (ba tông) (gradient xuyên tâm)

Bảng màu Xanh hải quân, tím và hồng (ba tông)

Gradient xuyên tâm, 32 màu: #102f5c, #090d28, #261954, #784198, #e989b3. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#102f5c
#112d58
#102952
#10244b
#0e1f43
#0d1a3b
#0b1534
#0a112d
#090d28
#080b25
#090a25
#0b0b27
#0e0c2d
#120e34
#17113d
#1e1548
#261954
#2f1d60
#38226c
#432878
#4f2d82
#5b338a
#683991
#784198
#894a9e
#9a54a3
#ab5ea7
#bb68aa
#ca72ad
#d77baf
#e183b1
#e989b3

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(31.10% 0.0882 258.05) 0.0%, oklch(30.10% 0.0858 259.12) 3.2%, oklch(28.62% 0.0821 260.47) 6.5%, oklch(26.78% 0.0775 262.05) 9.7%, oklch(24.75% 0.0724 263.83) 12.9%, oklch(22.66% 0.0672 265.77) 16.1%, oklch(20.66% 0.0624 267.82) 19.4%, oklch(18.89% 0.0583 269.95) 22.6%, oklch(17.50% 0.0553 272.11) 25.8%, oklch(16.63% 0.0539 274.27) 29.0%, oklch(16.43% 0.0544 276.38) 32.3%, oklch(16.98% 0.0574 278.39) 35.5%, oklch(18.11% 0.0631 280.26) 38.7%, oklch(19.75% 0.0709 282.04) 41.9%, oklch(21.81% 0.0802 283.80) 45.2%, oklch(24.21% 0.0905 285.63) 48.4%, oklch(26.88% 0.1012 287.57) 51.6%, oklch(29.74% 0.1117 289.71) 54.8%, oklch(32.70% 0.1214 292.11) 58.1%, oklch(35.70% 0.1298 294.84) 61.3%, oklch(38.65% 0.1362 297.97) 64.5%, oklch(41.51% 0.1402 301.60) 67.7%, oklch(44.68% 0.1422 306.07) 71.0%, oklch(48.20% 0.1427 311.29) 74.2%, oklch(51.94% 0.1419 317.03) 77.4%, oklch(55.78% 0.1402 323.08) 80.6%, oklch(59.61% 0.1378 329.21) 83.9%, oklch(63.31% 0.1351 335.18) 87.1%, oklch(66.76% 0.1324 340.79) 90.3%, oklch(69.84% 0.1298 345.81) 93.5%, oklch(72.43% 0.1279 350.00) 96.8%, oklch(74.41% 0.1268 353.15) 100.0%);

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

Gradient thiên hà

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