Xanh dương nhạt, xám và tím oải hương (gradient xuyên tâm)

Bảng màu Xanh dương nhạt, xám và tím oải hương

Gradient xuyên tâm, 32 màu: #c6d9e5, #c0c4d9, #c5b5c8, #dbc7d2, #f2e1e6. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#c6d9e5
#c6d7e4
#c5d5e4
#c4d3e2
#c3d0e1
#c2cddf
#c1cadd
#c0c7db
#c0c4d9
#bfc0d6
#bfbdd3
#c0bbd1
#c0b8ce
#c1b7cc
#c2b5ca
#c3b5c9
#c5b5c8
#c7b6c8
#cab8c8
#cdbaca
#d0bdcb
#d4c0cd
#d7c4d0
#dbc7d2
#decbd5
#e2cfd8
#e5d3db
#e9d7de
#ecdae1
#eedde3
#f0dfe5
#f2e1e6

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(87.40% 0.0262 236.95) 0.0%, oklch(87.06% 0.0264 240.03) 3.2%, oklch(86.58% 0.0268 243.88) 6.5%, oklch(85.99% 0.0272 248.41) 9.7%, oklch(85.32% 0.0277 253.49) 12.9%, oklch(84.58% 0.0282 259.04) 16.1%, oklch(83.81% 0.0287 264.95) 19.4%, oklch(83.02% 0.0293 271.12) 22.6%, oklch(82.24% 0.0298 277.44) 25.8%, oklch(81.49% 0.0304 283.82) 29.0%, oklch(80.80% 0.0308 290.14) 32.3%, oklch(80.20% 0.0312 296.31) 35.5%, oklch(79.70% 0.0316 302.22) 38.7%, oklch(79.33% 0.0318 307.76) 41.9%, oklch(79.11% 0.0318 312.85) 45.2%, oklch(79.08% 0.0318 317.37) 48.4%, oklch(79.25% 0.0316 321.28) 51.6%, oklch(79.63% 0.0311 324.91) 54.8%, oklch(80.21% 0.0306 328.33) 58.1%, oklch(80.96% 0.0299 331.54) 61.3%, oklch(81.84% 0.0290 334.55) 64.5%, oklch(82.83% 0.0281 337.36) 67.7%, oklch(83.90% 0.0271 339.99) 71.0%, oklch(85.02% 0.0261 342.44) 74.2%, oklch(86.17% 0.0251 344.72) 77.4%, oklch(87.32% 0.0240 346.82) 80.6%, oklch(88.43% 0.0230 348.77) 83.9%, oklch(89.48% 0.0221 350.57) 87.1%, oklch(90.44% 0.0212 352.22) 90.3%, oklch(91.29% 0.0204 353.73) 93.5%, oklch(91.99% 0.0198 355.11) 96.8%, oklch(92.52% 0.0193 356.37) 100.0%);

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

Gradient xanh dương và tím hoa 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