Cầu vồng từ hồng sang xanh dương tông pastel (gradient xuyên tâm)

Bảng màu Cầu vồng từ hồng sang xanh dương tông pastel

Gradient xuyên tâm, 32 màu: #feb3d0, #f8c3a0, #f2e98f, #abe5be, #aecbff. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#feb3d0
#ffb4ca
#ffb5c3
#ffb6bc
#feb8b4
#fcbaae
#fabda8
#f8c0a4
#f8c3a0
#f9c79d
#fbcb9a
#fed096
#ffd694
#ffdb93
#ffe08d
#fae58d
#f2e98f
#e9eb94
#deeb9a
#d4eba1
#c9eaa8
#bfe8af
#b5e6b6
#abe5be
#a2e4c8
#98e2d3
#92e0e0
#91dcec
#96d8f5
#9ed3fb
#a7cefe
#aecbff

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(84.65% 0.0937 355.08) 0.0%, oklch(84.66% 0.0911 359.81) 3.2%, oklch(84.65% 0.0876 6.23) 6.5%, oklch(84.62% 0.0851 13.88) 9.7%, oklch(84.62% 0.0821 22.31) 12.9%, oklch(84.69% 0.0789 31.07) 16.1%, oklch(84.84% 0.0765 39.71) 19.4%, oklch(85.12% 0.0755 47.79) 22.6%, oklch(85.57% 0.0762 54.87) 25.8%, oklch(86.31% 0.0793 61.23) 29.0%, oklch(87.30% 0.0843 67.20) 32.3%, oklch(88.43% 0.0905 72.93) 35.5%, oklch(89.57% 0.0946 78.57) 38.7%, oklch(90.63% 0.0987 84.25) 41.9%, oklch(91.48% 0.1082 90.14) 45.2%, oklch(92.02% 0.1111 96.39) 48.4%, oklch(92.13% 0.1114 103.03) 51.6%, oklch(91.85% 0.1090 109.51) 54.8%, oklch(91.28% 0.1048 115.95) 58.1%, oklch(90.51% 0.0994 122.56) 61.3%, oklch(89.62% 0.0935 129.56) 64.5%, oklch(88.70% 0.0877 137.20) 67.7%, oklch(87.85% 0.0827 145.68) 71.0%, oklch(87.15% 0.0791 155.23) 74.2%, oklch(86.61% 0.0773 166.55) 77.4%, oklch(86.10% 0.0766 180.36) 80.6%, oklch(85.62% 0.0765 195.76) 83.9%, oklch(85.17% 0.0771 211.76) 87.1%, oklch(84.76% 0.0779 227.41) 90.3%, oklch(84.40% 0.0788 241.72) 93.5%, oklch(84.10% 0.0796 253.72) 96.8%, oklch(83.86% 0.0799 262.43) 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