Tím, nâu vàng và nâu tông ấm (gradient xuyên tâm)

Gradient xuyên tâm, 56 màu: #735369, #be7e4b, #cd9346, #bf7947, #8e4c17. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#735369
#76556a
#7b566b
#80576b
#86596b
#8c5b6a
#935e69
#9a6167
#a16464
#a76761
#ad6b5d
#b36f59
#b77454
#bb794f
#be7e4b
#c08247
#c28744
#c38a41
#c38e3f
#c4903d
#c5923d
#c5933d
#c6943d
#c8953e
#c9953f
#ca9541
#cb9443
#cc9444
#cd9346
#ce9248
#cf904a
#cf8f4c
#cf8d4e
#cf8b4f
#ce8a50
#cd8850
#cc8650
#ca8450
#c8824e
#c57f4c
#c37d4a
#bf7947
#bc7644
#b87240
#b46f3d
#b06b39
#ab6735
#a76331
#a3602d
#9f5c2a
#9c5926
#985622
#95531f
#92501c
#904e19
#8e4c17

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(48.43% 0.0524 337.50) 0.0%, oklch(49.06% 0.0544 340.59) 1.8%, oklch(49.86% 0.0569 344.51) 3.6%, oklch(50.80% 0.0599 349.13) 5.5%, oklch(51.86% 0.0632 354.37) 7.3%, oklch(53.02% 0.0669 0.12) 9.1%, oklch(54.26% 0.0709 6.27) 10.9%, oklch(55.57% 0.0750 12.72) 12.7%, oklch(56.91% 0.0793 19.37) 14.5%, oklch(58.28% 0.0837 26.11) 16.4%, oklch(59.66% 0.0880 32.84) 18.2%, oklch(61.01% 0.0923 39.46) 20.0%, oklch(62.33% 0.0965 45.86) 21.8%, oklch(63.59% 0.1004 51.95) 23.6%, oklch(64.77% 0.1042 57.61) 25.5%, oklch(65.85% 0.1076 62.74) 27.3%, oklch(66.82% 0.1106 67.24) 29.1%, oklch(67.65% 0.1131 71.01) 30.9%, oklch(68.32% 0.1152 73.95) 32.7%, oklch(68.84% 0.1167 76.00) 34.5%, oklch(69.28% 0.1178 77.36) 36.4%, oklch(69.66% 0.1186 78.08) 38.2%, oklch(69.97% 0.1190 78.25) 40.0%, oklch(70.22% 0.1191 77.91) 41.8%, oklch(70.40% 0.1190 77.14) 43.6%, oklch(70.52% 0.1186 76.00) 45.5%, oklch(70.57% 0.1181 74.56) 47.3%, oklch(70.57% 0.1174 72.86) 49.1%, oklch(70.51% 0.1166 70.99) 50.9%, oklch(70.39% 0.1158 69.01) 52.7%, oklch(70.21% 0.1148 66.97) 54.5%, oklch(69.98% 0.1139 64.94) 56.4%, oklch(69.70% 0.1130 62.99) 58.2%, oklch(69.37% 0.1122 61.18) 60.0%, oklch(68.98% 0.1114 59.57) 61.8%, oklch(68.55% 0.1108 58.23) 63.6%, oklch(68.06% 0.1104 57.22) 65.5%, oklch(67.53% 0.1102 56.58) 67.3%, oklch(66.86% 0.1100 56.10) 69.1%, oklch(66.06% 0.1099 55.70) 70.9%, oklch(65.13% 0.1097 55.38) 72.7%, oklch(64.09% 0.1096 55.12) 74.5%, oklch(62.98% 0.1095 54.92) 76.4%, oklch(61.79% 0.1094 54.77) 78.2%, oklch(60.55% 0.1093 54.67) 80.0%, oklch(59.29% 0.1093 54.60) 81.8%, oklch(58.00% 0.1092 54.57) 83.6%, oklch(56.73% 0.1091 54.57) 85.5%, oklch(55.47% 0.1091 54.58) 87.3%, oklch(54.26% 0.1091 54.61) 89.1%, oklch(53.10% 0.1090 54.64) 90.9%, oklch(52.02% 0.1090 54.67) 92.7%, oklch(51.03% 0.1090 54.69) 94.5%, oklch(50.16% 0.1089 54.70) 96.4%, oklch(49.41% 0.1089 54.68) 98.2%, oklch(48.82% 0.1089 54.64) 100.0%);

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

Bát hoa đồng thau

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