Tím, xám, xanh dương nhạt và hồng (gradient xuyên tâm)

Bảng màu Tím, xám, xanh dương nhạt và hồng

Gradient xuyên tâm, 32 màu: #99798f, #e9eadd, #a8cfe3, #b6a2cf, #e3a5ae. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#99798f
#a48192
#b18f97
#bf9f9f
#cbb2ab
#d6c5b9
#dfd6c9
#e6e2d6
#e9eadd
#e7ede0
#e1ede0
#d7eade
#cbe6dd
#bee1dd
#b3dade
#abd4e1
#a8cfe3
#a7c8e4
#a7c1e3
#a8bae1
#aab3dd
#adadd9
#b1a7d4
#b6a2cf
#bc9fcb
#c39ec6
#ca9ec1
#d19ebd
#d7a0b9
#dda2b5
#e1a4b1
#e3a5ae

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(61.42% 0.0510 338.20) 0.0%, oklch(64.23% 0.0477 348.61) 3.2%, oklch(68.31% 0.0429 2.60) 6.5%, oklch(73.18% 0.0371 19.27) 9.7%, oklch(78.38% 0.0310 37.70) 12.9%, oklch(83.45% 0.0253 57.00) 16.1%, oklch(87.92% 0.0205 76.26) 19.4%, oklch(91.33% 0.0174 94.56) 22.6%, oklch(93.23% 0.0166 111.10) 25.8%, oklch(93.76% 0.0180 127.09) 29.0%, oklch(93.26% 0.0213 143.07) 32.3%, oklch(92.00% 0.0258 158.92) 35.5%, oklch(90.24% 0.0311 174.47) 38.7%, oklch(88.24% 0.0366 189.58) 41.9%, oklch(86.25% 0.0419 204.09) 45.2%, oklch(84.53% 0.0464 217.87) 48.4%, oklch(83.23% 0.0498 230.77) 51.6%, oklch(81.85% 0.0529 242.88) 54.8%, oklch(80.37% 0.0558 254.30) 58.1%, oklch(78.87% 0.0585 265.14) 61.3%, oklch(77.45% 0.0609 275.49) 64.5%, oklch(76.19% 0.0632 285.43) 67.7%, oklch(75.18% 0.0652 295.08) 71.0%, oklch(74.51% 0.0671 304.51) 74.2%, oklch(74.28% 0.0687 313.94) 77.4%, oklch(74.47% 0.0701 323.52) 80.6%, oklch(74.98% 0.0712 332.99) 83.9%, oklch(75.69% 0.0721 342.08) 87.1%, oklch(76.49% 0.0728 350.52) 90.3%, oklch(77.28% 0.0734 358.04) 93.5%, oklch(77.93% 0.0739 4.35) 96.8%, oklch(78.35% 0.0744 9.20) 100.0%);

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

Gradient pastel

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