Tím đậm, cam và nâu vàng (gradient tuyến tính)

Gradient tuyến tính, 56 màu, góc 270°: #3a1f4a, #8b406e, #e26957, #f5a55a, #ffe08a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#3a1f4a
#3d204c
#40214e
#452351
#4a2654
#4f2857
#552a5a
#5b2d5e
#623061
#693364
#703567
#773869
#7e3b6b
#853d6d
#8b406e
#92426e
#99446f
#a0466f
#a7496e
#ae4b6d
#b54e6c
#bc506a
#c35368
#c95665
#cf5963
#d45d60
#d9615d
#de655a
#e26957
#e56d55
#e87253
#ea7652
#ec7b51
#ee8050
#ef8450
#f08950
#f18e51
#f29252
#f39754
#f39c56
#f4a058
#f5a55a
#f6a95c
#f7ae5f
#f8b362
#f8b865
#f9bd69
#fac16d
#fbc671
#fccb75
#fdcf7a
#fdd37e
#fed781
#feda85
#ffdd88
#ffe08a

CSS

background: linear-gradient(270deg in oklch, oklch(29.53% 0.0813 311.48) 0.0%, oklch(30.30% 0.0828 312.81) 1.8%, oklch(31.24% 0.0846 314.40) 3.6%, oklch(32.35% 0.0867 316.23) 5.5%, oklch(33.58% 0.0891 318.27) 7.3%, oklch(34.93% 0.0916 320.50) 9.1%, oklch(36.36% 0.0944 322.88) 10.9%, oklch(37.86% 0.0973 325.41) 12.7%, oklch(39.41% 0.1002 328.06) 14.5%, oklch(40.97% 0.1032 330.79) 16.4%, oklch(42.54% 0.1063 333.58) 18.2%, oklch(44.09% 0.1093 336.42) 20.0%, oklch(45.58% 0.1122 339.28) 21.8%, oklch(47.02% 0.1151 342.13) 23.6%, oklch(48.36% 0.1178 344.95) 25.5%, oklch(49.69% 0.1207 347.88) 27.3%, oklch(51.03% 0.1238 350.96) 29.1%, oklch(52.37% 0.1271 354.16) 30.9%, oklch(53.72% 0.1305 357.45) 32.7%, oklch(55.07% 0.1340 0.82) 34.5%, oklch(56.40% 0.1374 4.23) 36.4%, oklch(57.73% 0.1406 7.66) 38.2%, oklch(59.04% 0.1437 11.08) 40.0%, oklch(60.33% 0.1466 14.47) 41.8%, oklch(61.59% 0.1491 17.80) 43.6%, oklch(62.83% 0.1512 21.04) 45.5%, oklch(64.02% 0.1529 24.18) 47.3%, oklch(65.18% 0.1540 27.18) 49.1%, oklch(66.30% 0.1545 30.04) 50.9%, oklch(67.37% 0.1544 32.81) 52.7%, oklch(68.40% 0.1537 35.50) 54.5%, oklch(69.40% 0.1526 38.14) 56.4%, oklch(70.36% 0.1511 40.71) 58.2%, oklch(71.30% 0.1492 43.22) 60.0%, oklch(72.22% 0.1471 45.68) 61.8%, oklch(73.13% 0.1448 48.10) 63.6%, oklch(74.02% 0.1424 50.47) 65.5%, oklch(74.91% 0.1399 52.81) 67.3%, oklch(75.80% 0.1375 55.11) 69.1%, oklch(76.69% 0.1353 57.39) 70.9%, oklch(77.59% 0.1332 59.65) 72.7%, oklch(78.51% 0.1313 61.89) 74.5%, oklch(79.45% 0.1297 64.14) 76.4%, oklch(80.45% 0.1280 66.44) 78.2%, oklch(81.49% 0.1263 68.78) 80.0%, oklch(82.55% 0.1245 71.14) 81.8%, oklch(83.61% 0.1228 73.48) 83.6%, oklch(84.68% 0.1210 75.78) 85.5%, oklch(85.72% 0.1193 78.02) 87.3%, oklch(86.74% 0.1177 80.17) 89.1%, oklch(87.70% 0.1161 82.22) 90.9%, oklch(88.61% 0.1147 84.13) 92.7%, oklch(89.44% 0.1133 85.87) 94.5%, oklch(90.18% 0.1121 87.44) 96.4%, oklch(90.82% 0.1111 88.80) 98.2%, oklch(91.34% 0.1102 89.92) 100.0%);

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

Nơi chốn liminal

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