Tím, nâu, xanh dương và be (gradient tuyến tính)

Gradient tuyến tính, 64 màu, góc 135°: #c28a89, #223177, #be6642, #202965, #f2e8ce. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#c28a89
#bf8588
#b97f87
#b27887
#aa7087
#9f6787
#935f87
#865888
#775187
#684b86
#594584
#4b4082
#3e3c7f
#32387c
#293579
#233377
#223177
#273078
#30307b
#3c317d
#4b327f
#5b337f
#6c367d
#7c3979
#8c3d72
#9b426a
#a74961
#b05058
#b75750
#bb5e49
#be6344
#bf6642
#be6642
#bc6342
#b75d43
#b15645
#a94d48
#9f444c
#943b4f
#873353
#792c57
#6b275a
#5d235d
#4f2160
#422061
#352163
#2a2464
#202965
#143168
#013b6b
#004769
#00536c
#006171
#137175
#347f78
#518e7c
#6d9c82
#87aa8a
#a0b794
#b6c3a0
#cacead
#dbd9ba
#e8e2c5
#f2e8ce

CSS

background: linear-gradient(135deg in oklch, oklch(68.90% 0.0689 20.39) 0.0%, oklch(67.56% 0.0708 15.97) 1.6%, oklch(65.78% 0.0732 9.95) 3.2%, oklch(63.63% 0.0761 2.60) 4.8%, oklch(61.17% 0.0794 354.18) 6.3%, oklch(58.49% 0.0829 344.97) 7.9%, oklch(55.64% 0.0867 335.25) 9.5%, oklch(52.72% 0.0906 325.29) 11.1%, oklch(49.78% 0.0946 315.36) 12.7%, oklch(46.91% 0.0986 305.73) 14.3%, oklch(44.17% 0.1026 296.67) 15.9%, oklch(41.63% 0.1063 288.46) 17.5%, oklch(39.38% 0.1099 281.38) 19.0%, oklch(37.47% 0.1131 275.68) 20.6%, oklch(36.00% 0.1160 271.65) 22.2%, oklch(35.01% 0.1184 269.56) 23.8%, oklch(34.60% 0.1203 269.70) 25.4%, oklch(34.84% 0.1219 272.56) 27.0%, oklch(35.68% 0.1231 277.97) 28.6%, oklch(37.02% 0.1242 285.54) 30.2%, oklch(38.79% 0.1250 294.88) 31.7%, oklch(40.89% 0.1256 305.60) 33.3%, oklch(43.23% 0.1260 317.29) 34.9%, oklch(45.72% 0.1263 329.59) 36.5%, oklch(48.28% 0.1264 342.08) 38.1%, oklch(50.82% 0.1263 354.38) 39.7%, oklch(53.24% 0.1262 6.09) 41.3%, oklch(55.47% 0.1259 16.83) 42.9%, oklch(57.40% 0.1256 26.20) 44.4%, oklch(58.96% 0.1252 33.82) 46.0%, oklch(60.06% 0.1247 39.28) 47.6%, oklch(60.60% 0.1243 42.20) 49.2%, oklch(60.48% 0.1238 42.34) 50.8%, oklch(59.63% 0.1233 40.47) 52.4%, oklch(58.14% 0.1228 36.90) 54.0%, oklch(56.11% 0.1223 31.79) 55.6%, oklch(53.67% 0.1217 25.30) 57.1%, oklch(50.92% 0.1210 17.62) 58.7%, oklch(47.98% 0.1202 8.91) 60.3%, oklch(44.96% 0.1193 359.34) 61.9%, oklch(41.96% 0.1183 349.07) 63.5%, oklch(39.11% 0.1171 338.27) 65.1%, oklch(36.51% 0.1157 327.12) 66.7%, oklch(34.28% 0.1141 315.78) 68.3%, oklch(32.53% 0.1123 304.43) 69.8%, oklch(31.37% 0.1103 293.22) 71.4%, oklch(30.91% 0.1080 282.34) 73.0%, oklch(31.27% 0.1054 271.94) 74.6%, oklch(32.54% 0.1024 261.69) 76.2%, oklch(34.71% 0.0989 250.53) 77.8%, oklch(37.66% 0.0843 238.63) 79.4%, oklch(41.27% 0.0789 226.03) 81.0%, oklch(45.42% 0.0795 212.99) 82.5%, oklch(49.99% 0.0803 199.67) 84.1%, oklch(54.87% 0.0751 186.27) 85.7%, oklch(59.94% 0.0697 172.94) 87.3%, oklch(65.08% 0.0644 159.86) 88.9%, oklch(70.19% 0.0593 147.20) 90.5%, oklch(75.13% 0.0543 135.13) 92.1%, oklch(79.79% 0.0496 123.83) 93.7%, oklch(84.06% 0.0454 113.47) 95.2%, oklch(87.81% 0.0416 104.23) 96.8%, oklch(90.93% 0.0384 96.28) 98.4%, oklch(93.31% 0.0358 89.78) 100.0%);

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