シームレスな寒色寄りの明るい青と青の線形グラデーション
シームレスな寒色寄りの明るい青と青のパレット（40色）。 #cbe5fb, #8ec4fd, #5199fc, #226bf9, #0071ee, #00a0f0, #75c9eb, #c2e4ec。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
40色、編集できる OKLCH キーフレーム3個。
- #cbe5fb
- #c4e2fb
- #bcdefc
- #b2d8fc
- #a7d3fc
- #9bccfc
- #8ec4fd
- #82bcfd
- #75b4fd
- #68abfd
- #5ca2fd
- #5199fc
- #4790fc
- #3e87fb
- #367ffb
- #2f77fa
- #2871f9
- #226bf9
- #1b68f8
- #1366f8
- #0667f7
- #006bf3
- #0071ee
- #0078eb
- #007fe9
- #0087e9
- #008fea
- #0097ed
- #00a0f0
- #20aaf0
- #3ab2ee
- #4fbbed
- #62c2ec
- #75c9eb
- #86d0ea
- #96d5ea
- #a4daea
- #b0dfeb
- #bae2eb
- #c2e4ec
CSS
background: linear-gradient(225deg in oklch, oklch(90.94% 0.0413 243.98) 0.0%, oklch(89.87% 0.0471 244.54) 2.6%, oklch(88.47% 0.0547 245.33) 5.1%, oklch(86.79% 0.0638 246.31) 7.7%, oklch(84.88% 0.0742 247.45) 10.3%, oklch(82.76% 0.0857 248.72) 12.8%, oklch(80.49% 0.0980 250.09) 15.4%, oklch(78.11% 0.1109 251.51) 17.9%, oklch(75.65% 0.1243 252.97) 20.5%, oklch(73.17% 0.1377 254.41) 23.1%, oklch(70.69% 0.1511 255.82) 25.6%, oklch(68.28% 0.1642 257.16) 28.2%, oklch(65.96% 0.1767 258.39) 30.8%, oklch(63.78% 0.1885 259.48) 33.3%, oklch(61.78% 0.1992 260.40) 35.9%, oklch(60.01% 0.2087 261.12) 38.5%, oklch(58.50% 0.2168 261.59) 41.0%, oklch(57.29% 0.2232 261.80) 43.6%, oklch(56.44% 0.2276 261.69) 46.2%, oklch(55.98% 0.2299 261.25) 48.7%, oklch(55.95% 0.2298 260.43) 51.3%, oklch(56.35% 0.2204 259.18) 53.8%, oklch(57.13% 0.2072 257.52) 56.4%, oklch(58.27% 0.1953 255.50) 59.0%, oklch(59.71% 0.1851 253.17) 61.5%, oklch(61.42% 0.1765 250.57) 64.1%, oklch(63.34% 0.1695 247.75) 66.7%, oklch(65.45% 0.1640 244.77) 69.2%, oklch(67.70% 0.1596 241.65) 71.8%, oklch(70.05% 0.1488 238.45) 74.4%, oklch(72.45% 0.1352 235.22) 76.9%, oklch(74.87% 0.1215 232.01) 79.5%, oklch(77.26% 0.1080 228.85) 82.1%, oklch(79.58% 0.0948 225.80) 84.6%, oklch(81.80% 0.0823 222.90) 87.2%, oklch(83.86% 0.0707 220.20) 89.7%, oklch(85.73% 0.0601 217.74) 92.3%, oklch(87.36% 0.0508 215.57) 94.9%, oklch(88.72% 0.0431 213.73) 97.4%, oklch(89.76% 0.0372 212.28) 100.0%);