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

Gradient tuyến tính, 64 màu, góc 225°: #b14f57, #ae7e21, #94ae68, #ceb78f, #dcc9c7. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#b14f57
#b25055
#b35252
#b4544f
#b5554c
#b65848
#b75a44
#b75d40
#b7603b
#b76337
#b76632
#b76a2d
#b66e29
#b47225
#b37622
#b17a21
#ae7e21
#ac8323
#a98726
#a68b2a
#a38f2f
#a09334
#9d963a
#9a9a40
#989d46
#96a04b
#94a350
#93a555
#92a75a
#91a95e
#92ab62
#93ad65
#94ae68
#97af6a
#99b06c
#9db16e
#a1b270
#a5b372
#a9b374
#aeb475
#b2b478
#b7b57a
#bbb57d
#c0b580
#c4b683
#c8b687
#cbb78b
#ceb78f
#d1b893
#d4b998
#d6b99c
#d8baa1
#d9bba5
#dabdaa
#dbbeae
#dcbfb2
#dcc0b6
#dcc2b9
#dcc3bc
#dcc4bf
#dcc5c2
#dcc7c4
#dcc8c6
#dcc9c7

CSS

background: linear-gradient(225deg in oklch, oklch(55.51% 0.1281 17.58) 0.0%, oklch(55.78% 0.1277 19.50) 1.6%, oklch(56.08% 0.1273 21.82) 3.2%, oklch(56.41% 0.1268 24.51) 4.8%, oklch(56.76% 0.1263 27.54) 6.3%, oklch(57.15% 0.1259 30.87) 7.9%, oklch(57.56% 0.1254 34.49) 9.5%, oklch(57.99% 0.1249 38.34) 11.1%, oklch(58.45% 0.1243 42.42) 12.7%, oklch(58.92% 0.1238 46.68) 14.3%, oklch(59.41% 0.1232 51.10) 15.9%, oklch(59.92% 0.1226 55.63) 17.5%, oklch(60.45% 0.1220 60.27) 19.0%, oklch(60.99% 0.1213 64.96) 20.6%, oklch(61.54% 0.1206 69.69) 22.2%, oklch(62.10% 0.1199 74.42) 23.8%, oklch(62.67% 0.1191 79.12) 25.4%, oklch(63.24% 0.1183 83.75) 27.0%, oklch(63.82% 0.1174 88.30) 28.6%, oklch(64.40% 0.1165 92.73) 30.2%, oklch(64.99% 0.1156 97.01) 31.7%, oklch(65.57% 0.1146 101.10) 33.3%, oklch(66.16% 0.1135 104.98) 34.9%, oklch(66.73% 0.1124 108.62) 36.5%, oklch(67.31% 0.1113 111.98) 38.1%, oklch(67.87% 0.1101 115.04) 39.7%, oklch(68.43% 0.1088 117.76) 41.3%, oklch(68.98% 0.1074 120.12) 42.9%, oklch(69.51% 0.1060 122.08) 44.4%, oklch(70.03% 0.1046 123.61) 46.0%, oklch(70.54% 0.1030 124.68) 47.6%, oklch(71.02% 0.1014 125.27) 49.2%, oklch(71.50% 0.0997 125.33) 50.8%, oklch(71.97% 0.0979 124.89) 52.4%, oklch(72.46% 0.0958 123.96) 54.0%, oklch(72.95% 0.0937 122.57) 55.6%, oklch(73.45% 0.0914 120.76) 57.1%, oklch(73.96% 0.0889 118.55) 58.7%, oklch(74.46% 0.0864 115.98) 60.3%, oklch(74.97% 0.0837 113.08) 61.9%, oklch(75.49% 0.0810 109.87) 63.5%, oklch(76.00% 0.0782 106.39) 65.1%, oklch(76.51% 0.0753 102.67) 66.7%, oklch(77.02% 0.0723 98.73) 68.3%, oklch(77.52% 0.0694 94.61) 69.8%, oklch(78.03% 0.0664 90.34) 71.4%, oklch(78.52% 0.0634 85.94) 73.0%, oklch(79.01% 0.0603 81.46) 74.6%, oklch(79.49% 0.0573 76.91) 76.2%, oklch(79.97% 0.0544 72.33) 77.8%, oklch(80.43% 0.0514 67.74) 79.4%, oklch(80.88% 0.0485 63.19) 81.0%, oklch(81.32% 0.0457 58.70) 82.5%, oklch(81.75% 0.0429 54.29) 84.1%, oklch(82.16% 0.0402 50.01) 85.7%, oklch(82.56% 0.0377 45.87) 87.3%, oklch(82.94% 0.0352 41.92) 88.9%, oklch(83.30% 0.0329 38.17) 90.5%, oklch(83.65% 0.0306 34.67) 92.1%, oklch(83.97% 0.0286 31.43) 93.7%, oklch(84.27% 0.0267 28.50) 95.2%, oklch(84.55% 0.0249 25.90) 96.8%, oklch(84.81% 0.0234 23.65) 98.4%, oklch(85.04% 0.0220 21.81) 100.0%);

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

Brooched

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