Naranja, gris y azul en degradado angular

Degradado angular, 32 colores a 90°: #ab4d04, #df8e24, #b4b18e, #5fa6b7, #09759b. Edita y exporta CSS, SVG, PNG o un shader.

7 fotogramas clave OKLCH editables.

#ab4d04
#b15202
#ba5b00
#c46500
#cd6f00
#d57800
#d9800b
#dd8718
#df8e24
#df9430
#de9a3c
#daa04a
#d4a55c
#ceaa6d
#c6ad7c
#bdaf87
#b4b18e
#a8b394
#9ab49b
#8db3a3
#82b1ab
#78adb1
#6daab4
#5fa6b7
#4ea2b8
#3b9eb8
#2c98b7
#2191b3
#1989ad
#1281a6
#0d7aa0
#09759b

CSS

background: conic-gradient(from 90deg in oklch, oklch(53.15% 0.1419 48.52) 0.0%, oklch(54.99% 0.1441 50.19) 3.2%, oklch(57.63% 0.1472 52.52) 6.5%, oklch(60.66% 0.1497 55.28) 9.7%, oklch(63.65% 0.1521 58.13) 12.9%, oklch(66.19% 0.1541 60.78) 16.1%, oklch(68.14% 0.1532 62.99) 19.4%, oklch(69.87% 0.1509 64.88) 22.6%, oklch(71.37% 0.1472 66.77) 25.8%, oklch(72.65% 0.1418 68.95) 29.0%, oklch(73.71% 0.1340 71.72) 32.3%, oklch(74.55% 0.1229 74.78) 35.5%, oklch(75.16% 0.1068 77.04) 38.7%, oklch(75.54% 0.0885 79.70) 41.9%, oklch(75.71% 0.0710 84.13) 45.2%, oklch(75.68% 0.0570 91.72) 48.4%, oklch(75.44% 0.0491 104.16) 51.6%, oklch(74.97% 0.0455 123.02) 54.8%, oklch(74.28% 0.0450 145.46) 58.1%, oklch(73.41% 0.0469 168.16) 61.3%, oklch(72.39% 0.0506 187.79) 64.5%, oklch(71.26% 0.0557 201.22) 67.7%, oklch(69.98% 0.0643 209.34) 71.0%, oklch(68.54% 0.0756 214.02) 74.2%, oklch(66.97% 0.0874 216.66) 77.4%, oklch(65.27% 0.0976 218.64) 80.6%, oklch(63.47% 0.1041 221.29) 83.9%, oklch(61.29% 0.1067 224.03) 87.1%, oklch(58.82% 0.1069 226.21) 90.3%, oklch(56.37% 0.1056 227.92) 93.5%, oklch(54.24% 0.1041 229.24) 96.8%, oklch(52.76% 0.1033 230.28) 100.0%);

En estas colecciones

Degradados naranja y azul Muestras WGSN 2027