Xanh dương nhạt sang xanh dương tông lạnh (gradient xuyên tâm)

Bảng màu Xanh dương nhạt sang xanh dương tông lạnh

Gradient xuyên tâm, 32 màu: #95ccd4, #6996d0, #4b4dbf, #2f0aac, #100390. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#95ccd4
#8fc9d4
#88c4d4
#81bfd3
#7ab8d3
#74b0d3
#6fa8d3
#6c9fd2
#6996d0
#678dce
#6584cc
#637bc9
#5f73c7
#5a6ac5
#5560c3
#5057c1
#4b4dbf
#4643bd
#4139bb
#3c2fb8
#3925b6
#361cb3
#3313af
#2f0aac
#2b04a8
#2701a4
#2300a0
#1f019c
#1a0298
#160395
#130392
#100390

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(81.10% 0.0579 206.72) 0.0%, oklch(79.98% 0.0611 210.38) 3.2%, oklch(78.57% 0.0651 215.34) 6.5%, oklch(76.90% 0.0696 221.29) 9.7%, oklch(75.02% 0.0748 227.94) 12.9%, oklch(72.99% 0.0805 234.98) 16.1%, oklch(70.84% 0.0866 242.13) 19.4%, oklch(68.64% 0.0932 249.08) 22.6%, oklch(66.41% 0.1001 255.52) 25.8%, oklch(64.22% 0.1072 261.18) 29.0%, oklch(62.10% 0.1146 265.73) 32.3%, oklch(60.04% 0.1225 269.08) 35.5%, oklch(57.85% 0.1318 271.69) 38.7%, oklch(55.57% 0.1421 273.70) 41.9%, oklch(53.24% 0.1531 275.19) 45.2%, oklch(50.89% 0.1643 276.22) 48.4%, oklch(48.58% 0.1754 276.89) 51.6%, oklch(46.33% 0.1860 277.27) 54.8%, oklch(44.20% 0.1956 277.45) 58.1%, oklch(42.21% 0.2039 277.50) 61.3%, oklch(40.43% 0.2104 277.50) 64.5%, oklch(38.88% 0.2148 277.51) 67.7%, oklch(37.50% 0.2171 277.21) 71.0%, oklch(36.27% 0.2177 276.54) 74.2%, oklch(35.17% 0.2168 275.60) 77.4%, oklch(34.19% 0.2149 274.47) 80.6%, oklch(33.33% 0.2122 273.21) 83.9%, oklch(32.57% 0.2092 271.92) 87.1%, oklch(31.89% 0.2061 270.68) 90.3%, oklch(31.30% 0.2033 269.56) 93.5%, oklch(30.78% 0.2011 268.64) 96.8%, oklch(30.31% 0.1998 268.01) 100.0%);

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

Gradient xanh dương rực

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