Nâu vàng, cam, tím và xanh hải quân (gradient xuyên tâm)

Bảng màu Nâu vàng, cam, tím và xanh hải quân

Gradient xuyên tâm, 32 màu: #fdda90, #f1924e, #bc5961, #543a77, #1a1f3f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#fdda90
#fcd589
#fcce80
#fbc575
#fabb6a
#f8b160
#f6a657
#f49c51
#f1924e
#ec8a4d
#e8834d
#e27b4e
#dc7450
#d56e53
#cd6757
#c5605b
#bc5961
#b15268
#a34c70
#944776
#83437a
#72407c
#623d7b
#543a77
#493771
#3e336a
#352f61
#2d2b59
#272751
#222449
#1d2143
#1a1f3f

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(90.16% 0.1006 85.08) 0.0%, oklch(88.96% 0.1042 82.75) 3.2%, oklch(87.37% 0.1093 79.67) 6.5%, oklch(85.47% 0.1155 76.02) 9.7%, oklch(83.37% 0.1221 71.93) 12.9%, oklch(81.14% 0.1285 67.58) 16.1%, oklch(78.90% 0.1342 63.11) 19.4%, oklch(76.72% 0.1385 58.69) 22.6%, oklch(74.71% 0.1410 54.47) 25.8%, oklch(72.79% 0.1419 50.66) 29.0%, oklch(70.90% 0.1416 47.11) 32.3%, oklch(69.01% 0.1404 43.56) 35.5%, oklch(67.09% 0.1386 39.75) 38.7%, oklch(65.13% 0.1362 35.42) 41.9%, oklch(63.09% 0.1336 30.31) 45.2%, oklch(60.96% 0.1308 24.16) 48.4%, oklch(58.69% 0.1282 16.61) 51.6%, oklch(56.23% 0.1252 7.10) 54.8%, oklch(53.65% 0.1219 356.14) 58.1%, oklch(50.98% 0.1183 344.36) 61.3%, oklch(48.30% 0.1144 332.42) 64.5%, oklch(45.66% 0.1103 320.96) 67.7%, oklch(43.11% 0.1061 310.64) 71.0%, oklch(40.72% 0.1017 302.09) 74.2%, oklch(38.46% 0.0970 295.57) 77.4%, oklch(36.16% 0.0915 290.36) 80.6%, oklch(33.89% 0.0856 286.22) 83.9%, oklch(31.71% 0.0796 282.96) 87.1%, oklch(29.68% 0.0737 280.39) 90.3%, oklch(27.88% 0.0684 278.33) 93.5%, oklch(26.36% 0.0639 276.57) 96.8%, oklch(25.20% 0.0606 274.94) 100.0%);

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

Gradient hoàng hôn mùa đông

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