Голубой, зелёный, оранжевый и фиолетовый: линейный градиент

Палитра «Голубой, зелёный, оранжевый и фиолетовый» из 32 цветов. #d0f2f4, #eaba23, #643375. Редактируйте и экспортируйте в CSS, SVG, PNG или шейдер.

32 цвета, 6 редактируемых ключевых точек OKLCH.

#d0f2f4
#bce7e8
#a1d8d4
#81c6bb
#62b4a1
#49a687
#3c9f73
#41a067
#53a961
#6db65d
#89c55a
#a6d155
#bfd74c
#d2d63e
#decf30
#e6c527
#eaba23
#ebad25
#ea9f28
#e9922c
#e5832e
#df7231
#d66036
#cd503d
#c14146
#b63750
#a8325b
#993066
#89316e
#7a3272
#6d3374
#643375

CSS

background: linear-gradient(90deg in oklch, oklch(93.70% 0.0358 201.09) 0.0%, oklch(89.92% 0.0445 196.82) 3.2%, oklch(84.24% 0.0568 190.96) 6.5%, oklch(77.68% 0.0712 184.00) 9.7%, oklch(71.30% 0.0864 176.41) 12.9%, oklch(66.13% 0.1010 168.68) 16.1%, oklch(63.21% 0.1136 161.28) 19.4%, oklch(63.42% 0.1241 154.33) 22.6%, oklch(66.30% 0.1343 147.32) 25.8%, oklch(70.80% 0.1438 140.23) 29.0%, oklch(75.90% 0.1523 133.05) 32.3%, oklch(80.53% 0.1591 125.80) 35.5%, oklch(83.66% 0.1640 118.46) 38.7%, oklch(84.57% 0.1663 111.04) 41.9%, oklch(84.19% 0.1654 103.58) 45.2%, oklch(82.89% 0.1622 96.05) 48.4%, oklch(80.90% 0.1579 88.42) 51.6%, oklch(78.50% 0.1538 80.67) 54.8%, oklch(75.93% 0.1508 72.77) 58.1%, oklch(73.36% 0.1503 64.69) 61.3%, oklch(70.27% 0.1523 56.47) 64.5%, oklch(66.74% 0.1557 48.12) 67.7%, oklch(63.00% 0.1594 39.62) 71.0%, oklch(59.30% 0.1624 30.99) 74.2%, oklch(55.89% 0.1636 22.22) 77.4%, oklch(53.01% 0.1620 13.28) 80.6%, oklch(50.45% 0.1568 3.31) 83.9%, oklch(48.08% 0.1489 352.51) 87.1%, oklch(45.93% 0.1397 341.68) 90.3%, oklch(44.07% 0.1305 331.62) 93.5%, oklch(42.52% 0.1225 323.12) 96.8%, oklch(41.34% 0.1171 316.98) 100.0%);

В этих коллекциях

Градиенты для карт погоды Градиенты для первого экрана