Cầu vồng từ xanh dương nhạt sang xanh lá đậm (gradient xuyên tâm)

Bảng màu Cầu vồng từ xanh dương nhạt sang xanh lá đậm

Gradient xuyên tâm, 32 màu: #93b4e8, #b279a2, #945d36, #465814, #003c3f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#93b4e8
#96afe6
#9ba7e1
#a09fdb
#a596d2
#aa8ec7
#ae86bb
#b07faf
#b279a2
#b27494
#b26f87
#b06b79
#ad676b
#a8645d
#a3614f
#9c5f42
#945d36
#8b5c2b
#815b20
#775a17
#6c5a0f
#61590b
#54590d
#465814
#38561c
#285425
#16512d
#004d35
#00483b
#00433d
#003f3e
#003c3f

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(76.38% 0.0841 259.45) 0.0%, oklch(75.43% 0.0845 265.74) 3.2%, oklch(74.11% 0.0852 274.39) 6.5%, oklch(72.56% 0.0860 284.65) 9.7%, oklch(70.87% 0.0868 295.79) 12.9%, oklch(69.19% 0.0875 307.05) 16.1%, oklch(67.61% 0.0881 317.70) 19.4%, oklch(66.19% 0.0885 327.56) 22.6%, oklch(64.80% 0.0888 337.47) 25.8%, oklch(63.43% 0.0891 347.41) 29.0%, oklch(62.05% 0.0893 357.36) 32.3%, oklch(60.66% 0.0894 7.26) 35.5%, oklch(59.24% 0.0895 17.08) 38.7%, oklch(57.77% 0.0896 26.79) 41.9%, oklch(56.26% 0.0896 36.38) 45.2%, oklch(54.71% 0.0896 45.89) 48.4%, oklch(53.16% 0.0895 55.37) 51.6%, oklch(51.61% 0.0895 64.86) 54.8%, oklch(50.10% 0.0895 74.40) 58.1%, oklch(48.63% 0.0897 84.01) 61.3%, oklch(47.20% 0.0905 93.69) 64.5%, oklch(45.78% 0.0917 103.40) 67.7%, oklch(44.39% 0.0928 113.13) 71.0%, oklch(43.01% 0.0932 122.87) 74.2%, oklch(41.64% 0.0926 132.61) 77.4%, oklch(40.27% 0.0903 142.37) 80.6%, oklch(38.80% 0.0858 152.96) 83.9%, oklch(37.26% 0.0792 164.17) 87.1%, oklch(35.73% 0.0672 175.33) 90.3%, oklch(34.33% 0.0603 185.64) 93.5%, oklch(33.15% 0.0566 194.33) 96.8%, oklch(32.29% 0.0549 200.65) 100.0%);

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

Gradient cầu vồng tông trầm

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