Đỏ nâu sang xanh lá (hai tông) (gradient xuyên tâm)

Gradient xuyên tâm, 32 màu: #3f1128, #863038, #be692f, #cba029, #b8e13f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#3f1128
#45132a
#4d162e
#561931
#601d34
#6b2236
#752638
#7e2b38
#863038
#8f3637
#973d36
#9e4335
#a54a33
#ac5231
#b35930
#b9612f
#be692f
#c3702e
#c7782d
#cb802b
#cc8829
#cd9027
#cc9827
#cba029
#caa72b
#c9af2d
#c8b82e
#c6c12f
#c3ca31
#c0d335
#bbdb3a
#b8e13f

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(26.38% 0.0772 352.97) 0.0%, oklch(27.78% 0.0810 354.75) 3.2%, oklch(29.71% 0.0864 357.14) 6.5%, oklch(31.99% 0.0928 359.99) 9.7%, oklch(34.47% 0.0994 3.20) 12.9%, oklch(36.97% 0.1056 6.65) 16.1%, oklch(39.33% 0.1108 10.22) 19.4%, oklch(41.50% 0.1146 13.94) 22.6%, oklch(43.67% 0.1177 18.02) 25.8%, oklch(45.85% 0.1203 22.35) 29.0%, oklch(48.03% 0.1225 26.81) 32.3%, oklch(50.18% 0.1244 31.29) 35.5%, oklch(52.31% 0.1261 35.66) 38.7%, oklch(54.41% 0.1277 39.81) 41.9%, oklch(56.53% 0.1288 43.76) 45.2%, oklch(58.65% 0.1296 47.63) 48.4%, oklch(60.73% 0.1302 51.53) 51.6%, oklch(62.74% 0.1308 55.59) 54.8%, oklch(64.66% 0.1316 59.93) 58.1%, oklch(66.45% 0.1327 64.67) 61.3%, oklch(68.09% 0.1335 69.92) 64.5%, oklch(69.62% 0.1341 75.53) 67.7%, oklch(71.08% 0.1350 81.29) 71.0%, oklch(72.52% 0.1365 87.00) 74.2%, oklch(73.98% 0.1390 92.47) 77.4%, oklch(75.51% 0.1429 97.51) 80.6%, oklch(77.23% 0.1490 102.51) 83.9%, oklch(79.06% 0.1568 107.52) 87.1%, oklch(80.89% 0.1654 112.32) 90.3%, oklch(82.58% 0.1738 116.64) 93.5%, oklch(84.01% 0.1810 120.27) 96.8%, oklch(85.04% 0.1860 122.95) 100.0%);

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

Gradient màu giả thiên văn

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