Синій, білий, блакитний і сірий: лінійний градієнт

Лінійний градієнт, 48 кольорів, кут 45°: #237e9e, #b9cfdf, #ffffff, #c3d8db, #244e68. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

4 ключові кадри OKLCH, які можна редагувати.

• #237e9e
• #2e81a1
• #3986a5
• #468caa
• #5392b0
• #6099b5
• #6da0bc
• #7ba8c2
• #88b0c8
• #95b8ce
• #a2c0d4
• #aec7da
• #b9cfdf
• #c3d6e4
• #ccdce8
• #d4e1eb
• #dae6ee
• #e0eaf1
• #e5eef4
• #eaf2f7
• #eef6fa
• #f2f9fd
• #f6fcff
• #fbfeff
• #ffffff
• #ffffff
• #ffffff
• #ffffff
• #ffffff
• #fbffff
• #f2fdfe
• #edf9fa
• #e6f4f5
• #dcecee
• #d0e3e5
• #c3d8db
• #b4ccd0
• #a4bfc5
• #94b2b9
• #84a4ae
• #7496a2
• #648998
• #567c8d
• #497084
• #3d657b
• #335c74
• #2a546d
• #244e68

CSS

background: linear-gradient(45deg in oklch, oklch(55.51% 0.0951 226.41) 0.0%, oklch(56.85% 0.0922 227.00) 2.1%, oklch(58.56% 0.0885 227.86) 4.3%, oklch(60.58% 0.0840 228.94) 6.4%, oklch(62.86% 0.0791 230.20) 8.5%, oklch(65.35% 0.0736 231.57) 10.6%, oklch(67.99% 0.0678 233.01) 12.8%, oklch(70.74% 0.0618 234.46) 14.9%, oklch(73.55% 0.0557 235.88) 17.0%, oklch(76.36% 0.0496 237.22) 19.1%, oklch(79.12% 0.0437 238.42) 21.3%, oklch(81.78% 0.0379 239.43) 23.4%, oklch(84.28% 0.0326 240.20) 25.5%, oklch(86.59% 0.0277 240.67) 27.7%, oklch(88.63% 0.0234 240.81) 29.8%, oklch(90.37% 0.0198 240.56) 31.9%, oklch(91.78% 0.0171 239.85) 34.0%, oklch(93.09% 0.0148 238.50) 36.2%, oklch(94.38% 0.0128 236.56) 38.3%, oklch(95.61% 0.0112 234.13) 40.4%, oklch(96.77% 0.0100 231.29) 42.6%, oklch(97.82% 0.0090 228.16) 44.7%, oklch(98.75% 0.0080 224.73) 46.8%, oklch(99.53% 0.0032 221.15) 48.9%, oklch(100.00% 0.0000 197.04) 51.1%, oklch(100.00% 0.0000 197.05) 53.2%, oklch(100.00% 0.0000 197.06) 55.3%, oklch(100.00% 0.0000 197.07) 57.4%, oklch(100.00% 0.0000 197.07) 59.6%, oklch(99.65% 0.0037 203.98) 61.7%, oklch(98.68% 0.0119 202.84) 63.8%, oklch(97.37% 0.0133 202.16) 66.0%, oklch(95.61% 0.0149 202.24) 68.1%, oklch(93.20% 0.0171 203.04) 70.2%, oklch(90.21% 0.0198 204.44) 72.3%, oklch(86.74% 0.0230 206.38) 74.5%, oklch(82.87% 0.0265 208.76) 76.6%, oklch(78.69% 0.0303 211.49) 78.7%, oklch(74.31% 0.0343 214.50) 80.9%, oklch(69.80% 0.0383 217.68) 83.0%, oklch(65.27% 0.0424 220.95) 85.1%, oklch(60.81% 0.0465 224.22) 87.2%, oklch(56.50% 0.0504 227.42) 89.4%, oklch(52.44% 0.0540 230.44) 91.5%, oklch(48.72% 0.0574 233.21) 93.6%, oklch(45.44% 0.0603 235.63) 95.7%, oklch(42.69% 0.0628 237.62) 97.9%, oklch(40.55% 0.0648 239.09) 100.0%);

У цих колекціях

Градієнти льоду

Схожі палітриКолекціїЗавантажити PNGJSON палітриMarkdownЯк це працює