Vivid peach, pink, purple and navy linear gradient

Vivid peach, pink, purple and navy color palette

Linear gradient, 40 colors at 90°: #ffc291, #ff6258, #de2e9d, #9148ce, #001c4b. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#ffc291
#ffbd8c
#ffb784
#ffae7c
#ffa573
#ff9b6a
#ff9063
#ff845d
#ff7859
#ff6d57
#ff6258
#ff585a
#ff4e5e
#fd4665
#fa406c
#f73a74
#f3367c
#ef3284
#ea308c
#e42e95
#de2e9d
#d830a5
#d233ae
#cb37b7
#c43bbf
#bc40c5
#b343cb
#a946ce
#9d48d0
#9148ce
#8246ca
#7143c1
#5f3fb6
#4d39a8
#3b3398
#2a2d88
#1a2679
#0b206b
#001c5d
#001c4b

CSS

background: linear-gradient(90deg in oklch, oklch(85.83% 0.0946 59.77) 0.0%, oklch(84.83% 0.0997 57.86) 2.6%, oklch(83.49% 0.1068 55.43) 5.1%, oklch(81.90% 0.1154 52.56) 7.7%, oklch(80.12% 0.1253 49.34) 10.3%, oklch(78.23% 0.1360 45.85) 12.8%, oklch(76.31% 0.1475 42.16) 15.4%, oklch(74.42% 0.1594 38.37) 17.9%, oklch(72.66% 0.1712 34.56) 20.5%, oklch(71.09% 0.1826 30.80) 23.1%, oklch(69.77% 0.1929 27.17) 25.6%, oklch(68.64% 0.2027 23.55) 28.2%, oklch(67.63% 0.2126 19.87) 30.8%, oklch(66.71% 0.2173 16.13) 33.3%, oklch(65.87% 0.2210 12.32) 35.9%, oklch(65.09% 0.2241 8.44) 38.5%, oklch(64.35% 0.2266 4.48) 41.0%, oklch(63.64% 0.2283 0.45) 43.6%, oklch(62.92% 0.2295 356.34) 46.2%, oklch(62.19% 0.2300 352.15) 48.7%, oklch(61.46% 0.2300 347.86) 51.3%, oklch(60.94% 0.2293 343.44) 53.8%, oklch(60.58% 0.2279 338.89) 56.4%, oklch(60.30% 0.2258 334.25) 59.0%, oklch(60.02% 0.2230 329.54) 61.5%, oklch(59.64% 0.2197 324.78) 64.1%, oklch(59.10% 0.2158 320.00) 66.7%, oklch(58.30% 0.2114 315.22) 69.2%, oklch(57.15% 0.2065 310.46) 71.8%, oklch(55.59% 0.2012 305.75) 74.4%, oklch(53.44% 0.1951 300.96) 76.9%, oklch(50.60% 0.1874 295.82) 79.5%, oklch(47.23% 0.1786 290.47) 82.1%, oklch(43.52% 0.1690 285.03) 84.6%, oklch(39.64% 0.1592 279.68) 87.2%, oklch(35.77% 0.1494 274.54) 89.7%, oklch(32.09% 0.1402 269.77) 92.3%, oklch(28.79% 0.1319 265.52) 94.9%, oklch(26.05% 0.1210 262.06) 97.4%, oklch(24.03% 0.0947 259.33) 100.0%);