Cam, nâu vàng và hồng tông ấm (gradient tuyến tính)

Gradient tuyến tính, 56 màu, góc 45°: #c98131, #f4ba5f, #d39300, #cc427f, #c56096. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#c98131
#cb8433
#ce8736
#d18b3a
#d5903e
#d99543
#dd9a48
#e1a04c
#e5a551
#e9aa55
#edaf59
#efb35c
#f2b65e
#f3b85f
#f4ba5f
#f3ba5d
#f2b95b
#efb857
#ecb753
#e8b54e
#e4b349
#e0b042
#dcac3c
#d9a934
#d6a52c
#d4a123
#d29d18
#d2980a
#d39300
#d48d00
#d68600
#da7e00
#dc750e
#de6c21
#df6431
#df5b3f
#dd544d
#db4d59
#d74965
#d34570
#d04378
#cc427f
#c94285
#c74389
#c5458c
#c4478f
#c34a91
#c34c92
#c34f93
#c35294
#c45594
#c45894
#c55b95
#c55d95
#c55e96
#c56096

CSS

background: linear-gradient(45deg in oklch, oklch(66.54% 0.1281 64.69) 0.0%, oklch(67.25% 0.1280 65.19) 1.8%, oklch(68.23% 0.1278 65.84) 3.6%, oklch(69.42% 0.1275 66.61) 5.5%, oklch(70.77% 0.1272 67.47) 7.3%, oklch(72.23% 0.1268 68.41) 9.1%, oklch(73.75% 0.1265 69.41) 10.9%, oklch(75.29% 0.1261 70.43) 12.7%, oklch(76.79% 0.1259 71.46) 14.5%, oklch(78.21% 0.1257 72.47) 16.4%, oklch(79.49% 0.1256 73.44) 18.2%, oklch(80.60% 0.1257 74.34) 20.0%, oklch(81.47% 0.1259 75.16) 21.8%, oklch(82.05% 0.1263 75.87) 23.6%, oklch(82.32% 0.1270 76.46) 25.5%, oklch(82.29% 0.1278 77.24) 27.3%, oklch(82.03% 0.1287 78.28) 29.1%, oklch(81.55% 0.1298 79.49) 30.9%, oklch(80.89% 0.1311 80.78) 32.7%, oklch(80.08% 0.1324 82.04) 34.5%, oklch(79.15% 0.1339 83.21) 36.4%, oklch(78.13% 0.1355 84.18) 38.2%, oklch(77.04% 0.1371 84.86) 40.0%, oklch(75.92% 0.1389 85.17) 41.8%, oklch(74.80% 0.1407 85.01) 43.6%, oklch(73.70% 0.1425 84.29) 45.5%, oklch(72.66% 0.1445 82.93) 47.3%, oklch(71.70% 0.1464 80.84) 49.1%, oklch(70.83% 0.1477 77.85) 50.9%, oklch(69.90% 0.1484 73.71) 52.7%, oklch(68.90% 0.1507 68.53) 54.5%, oklch(67.86% 0.1555 62.50) 56.4%, oklch(66.79% 0.1603 55.84) 58.2%, oklch(65.71% 0.1637 48.68) 60.0%, oklch(64.64% 0.1671 41.23) 61.8%, oklch(63.60% 0.1704 33.68) 63.6%, oklch(62.62% 0.1734 26.23) 65.5%, oklch(61.70% 0.1762 19.05) 67.3%, oklch(60.88% 0.1785 12.34) 69.1%, oklch(60.16% 0.1803 6.28) 70.9%, oklch(59.58% 0.1814 1.06) 72.7%, oklch(59.14% 0.1819 356.86) 74.5%, oklch(58.87% 0.1815 353.73) 76.4%, oklch(58.77% 0.1802 351.32) 78.2%, oklch(58.81% 0.1782 349.53) 80.0%, oklch(58.98% 0.1756 348.29) 81.8%, oklch(59.25% 0.1725 347.52) 83.6%, oklch(59.60% 0.1690 347.14) 85.5%, oklch(60.01% 0.1652 347.07) 87.3%, oklch(60.45% 0.1614 347.23) 89.1%, oklch(60.91% 0.1576 347.55) 90.9%, oklch(61.35% 0.1539 347.93) 92.7%, oklch(61.77% 0.1505 348.31) 94.5%, oklch(62.13% 0.1475 348.60) 96.4%, oklch(62.41% 0.1451 348.72) 98.2%, oklch(62.60% 0.1433 348.60) 100.0%);

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

Gradient Diwali

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