Xám, xanh dương và tím hoa cà (gradient xuyên tâm)

Gradient xuyên tâm, 32 màu: #edf3e4, #a6d1be, #579cac, #626f9e, #b88899. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#edf3e4
#e9f1e0
#e2eddb
#dae9d5
#d0e4d0
#c6dfcb
#bcdbc6
#b1d6c2
#a6d1be
#9acbba
#8dc6b6
#81c0b3
#75bab1
#6bb3b0
#62acaf
#5ba4ae
#579cac
#5495aa
#548da8
#5587a7
#5780a5
#597aa3
#5d74a1
#626f9e
#696c9c
#726b9b
#7e6c9a
#8c709a
#9a769a
#a77d9a
#b1839a
#b88899

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(95.67% 0.0220 123.75) 0.0%, oklch(94.67% 0.0243 127.32) 3.2%, oklch(93.32% 0.0273 132.27) 6.5%, oklch(91.71% 0.0310 138.12) 9.7%, oklch(89.92% 0.0350 144.43) 12.9%, oklch(88.05% 0.0391 150.71) 16.1%, oklch(86.19% 0.0433 156.51) 19.4%, oklch(84.34% 0.0476 161.56) 22.6%, oklch(82.37% 0.0525 166.22) 25.8%, oklch(80.32% 0.0576 170.73) 29.0%, oklch(78.23% 0.0626 175.34) 32.3%, oklch(76.13% 0.0671 180.28) 35.5%, oklch(74.05% 0.0706 185.79) 38.7%, oklch(71.98% 0.0728 192.05) 41.9%, oklch(69.80% 0.0739 198.90) 45.2%, oklch(67.58% 0.0741 206.21) 48.4%, oklch(65.41% 0.0738 213.88) 51.6%, oklch(63.38% 0.0733 221.79) 54.8%, oklch(61.57% 0.0730 229.85) 58.1%, oklch(60.04% 0.0731 237.95) 61.3%, oklch(58.55% 0.0736 246.13) 64.5%, oklch(57.15% 0.0741 254.45) 67.7%, oklch(55.98% 0.0746 262.99) 71.0%, oklch(55.18% 0.0749 271.81) 74.2%, oklch(54.89% 0.0748 280.97) 77.4%, oklch(55.26% 0.0742 290.59) 80.6%, oklch(56.61% 0.0729 301.70) 83.9%, oklch(58.76% 0.0710 313.99) 87.1%, oklch(61.34% 0.0688 326.49) 90.3%, oklch(63.95% 0.0666 338.18) 93.5%, oklch(66.20% 0.0647 348.08) 96.8%, oklch(67.72% 0.0634 355.18) 100.0%);

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

Gradient nhiều màu

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