Azul, gris y marrón (complementarios) en degradado angular

Azul, gris y marrón (complementarios): paleta de colores

Degradado angular, 32 colores a 90°: #044cab, #248edf, #8db1b3, #bca65d, #9d750d. Edita y exporta CSS, SVG, PNG o un shader.

7 fotogramas clave OKLCH editables.

#044cab
#0152b1
#005bb9
#0065c1
#006fca
#0078d2
#0080d8
#1387dd
#248edf
#3195e0
#3b9bde
#46a1da
#58a6d2
#6baac9
#7badc0
#87afb9
#8db1b3
#90b4ac
#95b6a1
#9fb592
#acb283
#b5ae77
#baaa6b
#bca65d
#bba24d
#b99e3c
#b7992d
#b39121
#ae8918
#a78113
#a17a10
#9d750d

CSS

background: conic-gradient(from 90deg in oklch, oklch(44.09% 0.1654 258.75) 0.0%, oklch(45.84% 0.1663 257.65) 3.2%, oklch(48.33% 0.1657 256.12) 6.5%, oklch(51.20% 0.1646 254.29) 9.7%, oklch(54.11% 0.1638 252.39) 12.9%, oklch(56.71% 0.1631 250.59) 16.1%, oklch(58.89% 0.1634 249.22) 19.4%, oklch(60.96% 0.1595 248.33) 22.6%, oklch(62.90% 0.1526 247.38) 25.8%, oklch(64.72% 0.1440 245.83) 29.0%, oklch(66.40% 0.1335 243.10) 32.3%, oklch(67.95% 0.1197 239.23) 35.5%, oklch(69.40% 0.1006 235.27) 38.7%, oklch(70.72% 0.0795 230.42) 41.9%, oklch(71.88% 0.0599 223.70) 45.2%, oklch(72.84% 0.0455 214.16) 48.4%, oklch(73.57% 0.0394 200.37) 51.6%, oklch(74.13% 0.0404 180.31) 54.8%, oklch(74.51% 0.0462 156.86) 58.1%, oklch(74.68% 0.0549 133.52) 61.3%, oklch(74.60% 0.0644 113.83) 64.5%, oklch(74.27% 0.0732 101.11) 67.7%, oklch(73.67% 0.0842 94.88) 71.0%, oklch(72.83% 0.0969 92.85) 74.2%, oklch(71.77% 0.1095 93.07) 77.4%, oklch(70.50% 0.1198 93.59) 80.6%, oklch(69.03% 0.1261 92.50) 83.9%, oklch(67.05% 0.1277 90.36) 87.1%, oklch(64.68% 0.1260 88.22) 90.3%, oklch(62.26% 0.1226 86.22) 93.5%, oklch(60.13% 0.1192 84.54) 96.8%, oklch(58.66% 0.1171 83.33) 100.0%);

En estas colecciones

Degradados amarillo y azul Azul marino y dorado