Xanh dương, tím và hồng (tương đồng) (gradient tuyến tính)

Bảng màu Xanh dương, tím và hồng (tương đồng)

Gradient tuyến tính, 32 màu, góc 180°: #4b3c79, #635a9c, #9278c3, #c089ca, #f79ac9. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#4b3c79
#4d3e7c
#4f417f
#514583
#544988
#574d8d
#5b5292
#5f5697
#635a9c
#685ea1
#6d62a7
#7366ac
#796ab1
#7f6db6
#8571bb
#8c74bf
#9278c3
#997ac5
#9f7dc7
#a680c8
#ad82c8
#b385c9
#ba87c9
#c089ca
#c78ccb
#cf8ecb
#d790cc
#df93cb
#e695cb
#ed97ca
#f399ca
#f79ac9

CSS

background: linear-gradient(180deg in oklch, oklch(40.27% 0.1001 292.66) 0.0%, oklch(41.06% 0.1002 292.21) 3.2%, oklch(42.10% 0.1005 291.50) 6.5%, oklch(43.33% 0.1007 290.65) 9.7%, oklch(44.71% 0.1010 289.78) 12.9%, oklch(46.18% 0.1014 289.01) 16.1%, oklch(47.69% 0.1019 288.45) 19.4%, oklch(49.18% 0.1026 288.23) 22.6%, oklch(50.61% 0.1034 288.47) 25.8%, oklch(52.08% 0.1045 289.02) 29.0%, oklch(53.61% 0.1060 289.81) 32.3%, oklch(55.18% 0.1076 290.85) 35.5%, oklch(56.77% 0.1093 292.12) 38.7%, oklch(58.33% 0.1108 293.62) 41.9%, oklch(59.85% 0.1121 295.36) 45.2%, oklch(61.29% 0.1130 297.32) 48.4%, oklch(62.63% 0.1134 299.53) 51.6%, oklch(63.90% 0.1132 302.10) 54.8%, oklch(65.11% 0.1125 304.98) 58.1%, oklch(66.27% 0.1116 308.10) 61.3%, oklch(67.40% 0.1107 311.38) 64.5%, oklch(68.51% 0.1099 314.75) 67.7%, oklch(69.62% 0.1095 318.14) 71.0%, oklch(70.73% 0.1096 321.47) 74.2%, oklch(71.89% 0.1105 324.85) 77.4%, oklch(73.12% 0.1121 328.59) 80.6%, oklch(74.38% 0.1142 332.52) 83.9%, oklch(75.63% 0.1165 336.47) 87.1%, oklch(76.80% 0.1189 340.24) 90.3%, oklch(77.86% 0.1212 343.65) 93.5%, oklch(78.75% 0.1230 346.51) 96.8%, oklch(79.42% 0.1243 348.64) 100.0%);

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

Gradient GTA 6

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