Xanh dương, tím, đỏ và nâu (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 90°: #3747a6, #603271, #913641, #a94e3b, #a17160. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#3747a6
#3b44a2
#40419c
#453e94
#493b8c
#4e3885
#53357e
#593378
#603271
#67316a
#6e3062
#75305b
#7a3154
#7f324e
#85334a
#8b3545
#913641
#96383e
#9b3b3a
#9f3e38
#a24237
#a54637
#a74a39
#a94e3b
#aa523e
#ab5741
#ab5c46
#a9614b
#a76652
#a56b58
#a36f5d
#a17160

CSS

background: linear-gradient(90deg in oklch, oklch(44.09% 0.1530 271.41) 0.0%, oklch(43.61% 0.1491 274.22) 3.2%, oklch(42.88% 0.1435 277.87) 6.5%, oklch(42.04% 0.1369 282.28) 9.7%, oklch(41.22% 0.1302 287.42) 12.9%, oklch(40.56% 0.1240 293.23) 16.1%, oklch(40.19% 0.1192 299.64) 19.4%, oklch(40.16% 0.1160 307.03) 22.6%, oklch(40.36% 0.1134 315.85) 25.8%, oklch(40.75% 0.1115 325.51) 29.0%, oklch(41.28% 0.1102 335.35) 32.3%, oklch(41.92% 0.1097 344.75) 35.5%, oklch(42.62% 0.1099 353.07) 38.7%, oklch(43.38% 0.1111 359.90) 41.9%, oklch(44.30% 0.1140 5.88) 45.2%, oklch(45.32% 0.1180 11.17) 48.4%, oklch(46.42% 0.1223 15.84) 51.6%, oklch(47.53% 0.1261 19.95) 54.8%, oklch(48.60% 0.1288 23.57) 58.1%, oklch(49.61% 0.1297 26.72) 61.3%, oklch(50.60% 0.1296 29.13) 64.5%, oklch(51.60% 0.1288 30.87) 67.7%, oklch(52.58% 0.1271 32.16) 71.0%, oklch(53.53% 0.1245 33.19) 74.2%, oklch(54.44% 0.1208 34.17) 77.4%, oklch(55.28% 0.1160 35.28) 80.6%, oklch(56.12% 0.1089 36.41) 83.9%, oklch(56.95% 0.0998 37.45) 87.1%, oklch(57.73% 0.0899 38.37) 90.3%, oklch(58.43% 0.0802 39.17) 93.5%, oklch(59.01% 0.0719 39.82) 96.8%, oklch(59.45% 0.0661 40.33) 100.0%);

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

Thu hoạch vườn mận

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