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

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

Gradient xuyên tâm, 32 màu: #293239, #5b314e, #aa5850, #d38db0, #b9d0d8. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#293239
#29333d
#2b3442
#2e3447
#34344c
#3d3350
#463251
#513151
#5b314e
#65324b
#6e3448
#773746
#813c46
#8b4247
#954848
#9f504b
#aa5850
#b46057
#be675f
#c76f6b
#ce7678
#d37d87
#d5849a
#d38db0
#cd98c4
#c4a3d5
#baafde
#b2b9e2
#afc2e1
#b0c8dd
#b4cdda
#b9d0d8

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(31.10% 0.0179 241.87) 0.0%, oklch(31.62% 0.0221 249.23) 3.2%, oklch(32.20% 0.0278 259.24) 6.5%, oklch(32.84% 0.0347 271.27) 9.7%, oklch(33.58% 0.0423 284.70) 12.9%, oklch(34.42% 0.0504 298.92) 16.1%, oklch(35.38% 0.0586 313.29) 19.4%, oklch(36.48% 0.0667 327.22) 22.6%, oklch(37.73% 0.0743 340.06) 25.8%, oklch(39.15% 0.0810 351.20) 29.0%, oklch(40.76% 0.0866 0.03) 32.3%, oklch(42.60% 0.0911 6.53) 35.5%, oklch(44.78% 0.0954 12.33) 38.7%, oklch(47.24% 0.0996 17.40) 41.9%, oklch(49.91% 0.1033 21.59) 45.2%, oklch(52.71% 0.1066 24.73) 48.4%, oklch(55.57% 0.1092 26.66) 51.6%, oklch(58.43% 0.1111 27.23) 54.8%, oklch(61.21% 0.1120 26.28) 58.1%, oklch(63.84% 0.1119 23.63) 61.3%, oklch(66.26% 0.1105 19.13) 64.5%, oklch(68.41% 0.1077 12.49) 67.7%, oklch(70.45% 0.1028 2.17) 71.0%, oklch(72.44% 0.0958 348.44) 74.2%, oklch(74.36% 0.0873 332.18) 77.4%, oklch(76.19% 0.0778 314.25) 80.6%, oklch(77.91% 0.0678 295.54) 83.9%, oklch(79.51% 0.0578 276.91) 87.1%, oklch(80.95% 0.0483 259.25) 90.3%, oklch(82.24% 0.0397 243.41) 93.5%, oklch(83.35% 0.0326 230.29) 96.8%, oklch(84.25% 0.0276 220.74) 100.0%);

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

Protea cuối đông

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