Be, xanh dương, xanh cổ vịt và xanh lá tông pastel (gradient xuyên tâm)

Bảng màu Be, xanh dương, xanh cổ vịt và xanh lá tông pastel

Gradient xuyên tâm, 32 màu: #fff0b8, #6eccbc, #6ac7bf, #a5dbb7, #e1f0c7. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#fff0b8
#f5eeb4
#e8ebaf
#d6e7ac
#c1e3ac
#abdead
#94d9b2
#7fd2b7
#6eccbc
#61c7c0
#5ac2c3
#57c0c5
#57bfc5
#59c0c4
#5dc2c3
#63c4c1
#6ac7bf
#72cabc
#7bcdba
#85d0b8
#8dd3b7
#95d5b7
#9dd8b6
#a5dbb7
#afdeb8
#b8e1b9
#c1e4bb
#c9e7be
#d1eac0
#d8ecc3
#ddeec5
#e1f0c7

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(95.28% 0.0730 94.92) 0.0%, oklch(94.01% 0.0745 101.37) 3.2%, oklch(92.25% 0.0767 110.35) 6.5%, oklch(90.11% 0.0793 121.23) 9.7%, oklch(87.73% 0.0822 133.36) 12.9%, oklch(85.24% 0.0853 146.09) 16.1%, oklch(82.75% 0.0883 158.77) 19.4%, oklch(80.40% 0.0910 170.76) 22.6%, oklch(78.32% 0.0934 181.41) 25.8%, oklch(76.62% 0.0952 190.08) 29.0%, oklch(75.45% 0.0963 196.11) 32.3%, oklch(74.86% 0.0965 199.15) 35.5%, oklch(74.71% 0.0961 199.91) 38.7%, oklch(74.91% 0.0952 198.79) 41.9%, oklch(75.40% 0.0939 196.13) 45.2%, oklch(76.14% 0.0922 192.29) 48.4%, oklch(77.05% 0.0902 187.60) 51.6%, oklch(78.08% 0.0880 182.41) 54.8%, oklch(79.17% 0.0858 177.06) 58.1%, oklch(80.25% 0.0835 171.91) 61.3%, oklch(81.27% 0.0813 167.28) 64.5%, oklch(82.19% 0.0792 163.44) 67.7%, oklch(83.21% 0.0769 159.46) 71.0%, oklch(84.37% 0.0744 155.12) 74.2%, oklch(85.63% 0.0717 150.55) 77.4%, oklch(86.93% 0.0688 145.88) 80.6%, oklch(88.23% 0.0660 141.25) 83.9%, oklch(89.50% 0.0633 136.80) 87.1%, oklch(90.69% 0.0608 132.66) 90.3%, oklch(91.74% 0.0585 128.96) 93.5%, oklch(92.63% 0.0566 125.85) 96.8%, oklch(93.31% 0.0551 123.45) 100.0%);

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

Gradient pastel mùa xuân

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