Xám, tím oải hương, xanh dương nhạt và xanh dương (gradient xuyên tâm)

Bảng màu Xám, tím oải hương, xanh dương nhạt và xanh dương

Gradient xuyên tâm, 32 màu: #ece4d4, #b18d86, #8ea5d4, #63bab6, #2d6179. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#ece4d4
#e8decd
#e1d5c3
#d9cab8
#d1bdac
#c8b0a0
#bfa496
#b8988d
#b18d86
#ab8483
#a87f84
#a67c8a
#a47e96
#a383a6
#9e8cb7
#9798c8
#8ea5d4
#83b2da
#7abddb
#74c5d7
#71c8d0
#6fc8c7
#6ac2bf
#63bab6
#5aafae
#50a3a6
#47969e
#3f8995
#387c8d
#337185
#30687e
#2d6179

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(92.13% 0.0234 84.38) 0.0%, oklch(90.30% 0.0251 80.21) 3.2%, oklch(87.72% 0.0271 75.36) 6.5%, oklch(84.59% 0.0296 69.81) 9.7%, oklch(81.10% 0.0323 63.53) 12.9%, oklch(77.46% 0.0353 56.50) 16.1%, oklch(73.84% 0.0385 48.68) 19.4%, oklch(70.46% 0.0417 40.05) 22.6%, oklch(67.51% 0.0450 30.59) 25.8%, oklch(65.18% 0.0482 20.26) 29.0%, oklch(63.67% 0.0514 9.06) 32.3%, oklch(63.19% 0.0545 356.39) 35.5%, oklch(63.78% 0.0580 340.86) 38.7%, oklch(65.20% 0.0619 323.10) 41.9%, oklch(67.21% 0.0659 303.90) 45.2%, oklch(69.58% 0.0699 284.04) 48.4%, oklch(72.05% 0.0737 264.31) 51.6%, oklch(74.40% 0.0773 245.49) 54.8%, oklch(76.37% 0.0804 228.39) 58.1%, oklch(77.72% 0.0829 213.77) 61.3%, oklch(78.22% 0.0847 202.44) 64.5%, oklch(77.62% 0.0856 195.14) 67.7%, oklch(75.95% 0.0855 191.73) 71.0%, oklch(73.41% 0.0845 191.55) 74.2%, oklch(70.20% 0.0828 193.96) 77.4%, oklch(66.55% 0.0806 198.31) 80.6%, oklch(62.65% 0.0781 203.98) 83.9%, oklch(58.73% 0.0755 210.34) 87.1%, oklch(54.97% 0.0729 216.73) 90.3%, oklch(51.60% 0.0706 222.54) 93.5%, oklch(48.83% 0.0688 227.13) 96.8%, oklch(46.85% 0.0675 229.85) 100.0%);

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

Màu liminal

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