Tím, đỏ nâu và đen (tương đồng) (gradient tuyến tính)

Bảng màu Tím, đỏ nâu và đen (tương đồng)

Gradient tuyến tính, 32 màu, góc 30°: #aa5b7e, #8c354d, #5e0a05, #1d0e00, #010100. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#aa5b7e
#a8587a
#a55576
#a25070
#9e4c6a
#9a4664
#96415d
#913b55
#8c354d
#872e45
#82283d
#7c2234
#771c2b
#711622
#6b1119
#640d0f
#5e0a05
#550e00
#491200
#3f1400
#351400
#2c1200
#241000
#1d0e00
#170b00
#110900
#0c0600
#070500
#050300
#030200
#020200
#010100

CSS

background: linear-gradient(30deg in oklch, oklch(57.48% 0.1102 352.97) 0.0%, oklch(56.55% 0.1108 354.14) 3.2%, oklch(55.43% 0.1117 355.42) 6.5%, oklch(54.13% 0.1130 356.81) 9.7%, oklch(52.68% 0.1146 358.32) 12.9%, oklch(51.11% 0.1163 359.96) 16.1%, oklch(49.42% 0.1180 1.75) 19.4%, oklch(47.64% 0.1197 3.69) 22.6%, oklch(45.79% 0.1213 5.80) 25.8%, oklch(43.90% 0.1226 8.08) 29.0%, oklch(41.98% 0.1236 10.54) 32.3%, oklch(40.06% 0.1241 13.20) 35.5%, oklch(38.15% 0.1241 16.06) 38.7%, oklch(36.27% 0.1235 19.14) 41.9%, oklch(34.46% 0.1221 22.44) 45.2%, oklch(32.72% 0.1199 25.98) 48.4%, oklch(31.06% 0.1168 29.82) 51.6%, oklch(29.33% 0.1052 34.09) 54.8%, oklch(27.53% 0.0881 39.08) 58.1%, oklch(25.68% 0.0740 44.52) 61.3%, oklch(23.80% 0.0626 50.31) 64.5%, oklch(21.90% 0.0534 56.35) 67.7%, oklch(20.02% 0.0459 62.52) 71.0%, oklch(18.16% 0.0397 68.71) 74.2%, oklch(16.35% 0.0345 74.83) 77.4%, oklch(14.61% 0.0302 80.77) 80.6%, oklch(12.96% 0.0265 86.43) 83.9%, oklch(11.42% 0.0234 91.73) 87.1%, oklch(10.01% 0.0206 96.59) 90.3%, oklch(8.75% 0.0182 100.98) 93.5%, oklch(7.62% 0.0163 106.67) 96.8%, oklch(6.69% 0.0138 110.27) 100.0%);

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

Gradient tông tối

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