Azul y cian (duotono) en degradado lineal

Degradado lineal, 48 colores a 45°: #384ca7, #00b8d6, #51fed6, #009fb4, #001f87. Edita y exporta CSS, SVG, PNG o un shader.

3 fotogramas clave OKLCH editables.

#384ca7
#3551aa
#3257af
#2e5eb4
#2766ba
#1d6fc0
#0a79c5
#0083c8
#008eca
#0098cc
#00a3d0
#00aed3
#00b8d6
#00c3d9
#00cddc
#00d6dd
#00e0de
#00e8df
#24efde
#38f4dd
#45f9db
#4efcda
#53fed9
#54ffd7
#51fed6
#49fcd5
#3bf8d4
#20f3d2
#00ecd1
#00e3d0
#00d9cd
#00ceca
#00c3c6
#00b7c1
#00abbb
#009fb4
#0093ae
#0087a7
#007b9f
#006f98
#006491
#005a8b
#005085
#004781
#003e7e
#00357d
#002c7f
#001f87

CSS

background: linear-gradient(45deg in oklch, oklch(45.28% 0.1474 270.00) 0.0%, oklch(46.40% 0.1475 267.62) 2.1%, oklch(47.84% 0.1474 264.62) 4.3%, oklch(49.56% 0.1473 261.07) 6.4%, oklch(51.53% 0.1472 257.03) 8.5%, oklch(53.71% 0.1470 252.57) 10.6%, oklch(56.07% 0.1468 247.74) 12.8%, oklch(58.58% 0.1407 242.64) 14.9%, oklch(61.19% 0.1342 237.29) 17.0%, oklch(63.88% 0.1300 231.78) 19.1%, oklch(66.61% 0.1276 226.17) 21.3%, oklch(69.35% 0.1267 220.52) 23.4%, oklch(72.06% 0.1272 214.91) 25.5%, oklch(74.71% 0.1289 209.40) 27.7%, oklch(77.26% 0.1317 204.05) 29.8%, oklch(79.68% 0.1355 198.93) 31.9%, oklch(81.94% 0.1400 194.10) 34.0%, oklch(84.00% 0.1452 189.63) 36.2%, oklch(85.82% 0.1464 185.59) 38.3%, oklch(87.38% 0.1468 182.04) 40.4%, oklch(88.63% 0.1473 179.03) 42.6%, oklch(89.55% 0.1480 176.65) 44.7%, oklch(90.10% 0.1487 174.95) 46.8%, oklch(90.25% 0.1497 174.01) 48.9%, oklch(89.95% 0.1508 173.87) 51.1%, oklch(89.20% 0.1521 174.54) 53.2%, oklch(88.02% 0.1536 175.95) 55.3%, oklch(86.45% 0.1554 178.03) 57.4%, oklch(84.54% 0.1526 180.73) 59.6%, oklch(82.31% 0.1458 183.97) 61.7%, oklch(79.80% 0.1389 187.70) 63.8%, oklch(77.06% 0.1324 191.86) 66.0%, oklch(74.12% 0.1262 196.37) 68.1%, oklch(71.02% 0.1208 201.18) 70.2%, oklch(67.79% 0.1160 206.22) 72.3%, oklch(64.47% 0.1121 211.42) 74.5%, oklch(61.11% 0.1090 216.73) 76.6%, oklch(57.73% 0.1067 222.08) 78.7%, oklch(54.37% 0.1054 227.41) 80.9%, oklch(51.08% 0.1051 232.65) 83.0%, oklch(47.89% 0.1057 237.73) 85.1%, oklch(44.84% 0.1076 242.61) 87.2%, oklch(41.96% 0.1108 247.20) 89.4%, oklch(39.29% 0.1157 251.45) 91.5%, oklch(36.88% 0.1227 255.29) 93.6%, oklch(34.75% 0.1325 258.66) 95.7%, oklch(32.95% 0.1470 261.50) 97.9%, oklch(31.51% 0.1736 263.73) 100.0%);

En estas colecciones

Degradados de océano