Cam sang tím (hai tông) (gradient tuyến tính)

Cam sang tím (hai tông): bảng màu gồm 20 màu. #ff7b41, #d26e45, #834a52, #4d2c5b, #3b1b5f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

20 màu, 5 keyframe OKLCH chỉnh sửa được.

#ff7b41
#fa7a40
#f2793f
#e9773f
#de7341
#d26e45
#c4684a
#b2624e
#a15a50
#915351
#834a52
#764154
#683857
#5a3159
#4d2c5b
#45285b
#40245c
#3d205d
#3c1d5e
#3b1b5f

CSS

background: linear-gradient(180deg in oklch, oklch(72.83% 0.1758 42.89) 0.0%, oklch(71.90% 0.1716 43.33) 5.3%, oklch(70.64% 0.1651 44.19) 10.5%, oklch(69.04% 0.1571 44.75) 15.8%, oklch(67.08% 0.1480 44.31) 21.1%, oklch(64.72% 0.1379 42.21) 26.3%, oklch(61.77% 0.1246 39.03) 31.6%, oklch(58.37% 0.1094 34.85) 36.8%, oklch(54.77% 0.0948 29.29) 42.1%, oklch(51.26% 0.0835 21.97) 47.4%, oklch(47.97% 0.0778 12.13) 52.6%, oklch(44.57% 0.0768 358.26) 57.9%, oklch(41.20% 0.0789 342.44) 63.2%, oklch(38.11% 0.0829 327.25) 68.4%, oklch(35.56% 0.0872 315.26) 73.7%, oklch(33.74% 0.0917 308.15) 78.9%, oklch(32.51% 0.0981 304.40) 84.2%, oklch(31.70% 0.1051 302.81) 89.5%, oklch(31.16% 0.1114 302.20) 94.7%, oklch(30.71% 0.1157 301.44) 100.0%);

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

Gradient cam và tím

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