Xanh dương, tím oải hương và hồng (ba tông) tông pastel (gradient xuyên tâm)

Bảng màu Xanh dương, tím oải hương và hồng (ba tông) tông pastel

Gradient xuyên tâm, 32 màu: #a9e2d4, #8cced6, #99b6ed, #cfa8e3, #f1b8d2. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#a9e2d4
#a6e1d4
#a3dfd4
#9fddd4
#9bdad4
#97d7d4
#93d4d5
#90d1d5
#8cced6
#8acbd8
#88c8da
#88c6dd
#88c3e0
#8ac0e4
#8dbde8
#93baeb
#99b6ed
#a1b3ee
#a9afee
#b2aced
#b9aaeb
#c1a8e9
#c8a8e6
#cfa8e3
#d5a9e0
#dbabdd
#e1adda
#e6b0d8
#eab2d6
#edb5d4
#efb7d3
#f1b8d2

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(87.01% 0.0620 177.89) 0.0%, oklch(86.56% 0.0624 180.09) 3.2%, oklch(85.95% 0.0629 182.68) 6.5%, oklch(85.22% 0.0634 185.67) 9.7%, oklch(84.40% 0.0639 189.05) 12.9%, oklch(83.54% 0.0646 192.81) 16.1%, oklch(82.66% 0.0653 196.95) 19.4%, oklch(81.80% 0.0662 201.46) 22.6%, oklch(80.99% 0.0672 206.34) 25.8%, oklch(80.28% 0.0684 211.57) 29.0%, oklch(79.69% 0.0698 217.16) 32.3%, oklch(79.23% 0.0714 223.24) 35.5%, oklch(78.80% 0.0737 230.16) 38.7%, oklch(78.41% 0.0763 237.78) 41.9%, oklch(78.07% 0.0793 245.92) 45.2%, oklch(77.78% 0.0823 254.37) 48.4%, oklch(77.55% 0.0853 262.97) 51.6%, oklch(77.39% 0.0880 271.52) 54.8%, oklch(77.32% 0.0904 279.83) 58.1%, oklch(77.33% 0.0923 287.72) 61.3%, oklch(77.43% 0.0934 294.99) 64.5%, oklch(77.65% 0.0937 301.53) 67.7%, oklch(78.05% 0.0930 307.78) 71.0%, oklch(78.62% 0.0916 313.87) 74.2%, oklch(79.31% 0.0896 319.76) 77.4%, oklch(80.10% 0.0871 325.37) 80.6%, oklch(80.92% 0.0844 330.65) 83.9%, oklch(81.75% 0.0816 335.55) 87.1%, oklch(82.54% 0.0788 340.01) 90.3%, oklch(83.25% 0.0764 343.96) 93.5%, oklch(83.83% 0.0744 347.36) 96.8%, oklch(84.25% 0.0730 350.14) 100.0%);

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

Gradient hologram

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