Xanh dương nhạt, hồng, vàng và cam (gradient tuyến tính)

Bảng màu Xanh dương nhạt, hồng, vàng và cam

Gradient tuyến tính, 32 màu, góc 315°: #86c2ba, #e0bd9e, #ffb07d, #fee64a, #ea8800. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

8 keyframe OKLCH chỉnh sửa được.

#86c2ba
#8bccbf
#94dac5
#a0e8c8
#b1f0c3
#c5edb4
#d8dfa4
#e1cd9d
#e0bd9e
#deb19e
#e2a599
#e89796
#ef8b95
#f68492
#fe878b
#ff9a82
#ffb07d
#ffc47a
#fed277
#fede75
#fde96f
#fcf066
#fcf05b
#fee64a
#ffd34c
#ffbc42
#fea733
#fa9a32
#f69229
#f28d16
#ee8a00
#ea8800

CSS

background: linear-gradient(315deg in oklch, oklch(77.17% 0.0634 184.92) 0.0%, oklch(79.76% 0.0687 180.12) 3.2%, oklch(83.64% 0.0767 173.75) 6.5%, oklch(87.54% 0.0845 165.03) 9.7%, oklch(90.15% 0.0892 153.14) 12.9%, oklch(90.32% 0.0875 136.59) 16.1%, oklch(88.34% 0.0779 113.50) 19.4%, oklch(85.24% 0.0659 87.70) 22.6%, oklch(82.02% 0.0576 63.57) 25.8%, oklch(79.66% 0.0589 45.41) 29.0%, oklch(77.67% 0.0740 31.66) 32.3%, oklch(75.78% 0.0975 20.83) 35.5%, oklch(74.47% 0.1218 14.17) 38.7%, oklch(74.22% 0.1393 12.92) 41.9%, oklch(75.58% 0.1436 19.37) 45.2%, oklch(78.56% 0.1264 34.57) 48.4%, oklch(82.29% 0.1138 53.75) 51.6%, oklch(85.85% 0.1138 71.87) 54.8%, oklch(88.43% 0.1211 84.24) 58.1%, oklch(90.70% 0.1301 93.25) 61.3%, oklch(92.69% 0.1435 100.13) 64.5%, oklch(93.90% 0.1569 104.21) 67.7%, oklch(93.84% 0.1660 104.84) 71.0%, oklch(91.87% 0.1683 100.25) 74.2%, oklch(88.14% 0.1545 90.31) 77.4%, oklch(83.72% 0.1525 78.47) 80.6%, oklch(79.68% 0.1589 68.23) 83.9%, oklch(76.94% 0.1590 62.74) 87.1%, oklch(75.00% 0.1618 60.88) 90.3%, oklch(73.54% 0.1657 61.02) 93.5%, oklch(72.46% 0.1669 61.91) 96.8%, oklch(71.65% 0.1644 62.32) 100.0%);

Trong các bộ sưu tập này

Gradient mùa hè

Bảng màu tương tự Bộ sưu tập Tải xuống PNG JSON bảng màu Markdown Cách hoạt động