Tím, hồng và hồng đào tông ấm (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 180°: #864777, #d6889a, #ffa673, #ac9ae2, #8f6ccc. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#864777
#8c4c7a
#95537f
#a05c84
#ab668a
#b77090
#c27a95
#cd8299
#d6889a
#df8e97
#e89390
#f09887
#f59e7d
#f8a374
#faa66e
#fda86c
#ffa673
#ffa284
#ff9c97
#f698b0
#e697c7
#d298d7
#bd9adf
#ac9ae2
#a198e1
#9994df
#938edd
#9086da
#907ed6
#9077d2
#9070ce
#8f6ccc

CSS

background: linear-gradient(180deg in oklch, oklch(49.14% 0.1067 336.70) 0.0%, oklch(50.97% 0.1057 338.71) 3.2%, oklch(53.49% 0.1039 341.22) 6.5%, oklch(56.51% 0.1018 344.20) 9.7%, oklch(59.80% 0.0997 347.61) 12.9%, oklch(63.13% 0.0979 351.44) 16.1%, oklch(66.30% 0.0966 355.64) 19.4%, oklch(69.09% 0.0963 0.19) 22.6%, oklch(71.30% 0.0973 5.15) 25.8%, oklch(73.20% 0.0999 12.36) 29.0%, oklch(74.95% 0.1041 21.59) 32.3%, oklch(76.51% 0.1090 31.61) 35.5%, oklch(77.84% 0.1143 41.17) 38.7%, oklch(78.91% 0.1192 49.04) 41.9%, oklch(79.70% 0.1232 53.99) 45.2%, oklch(80.17% 0.1257 54.78) 48.4%, oklch(80.27% 0.1248 50.02) 51.6%, oklch(79.93% 0.1186 38.76) 54.8%, oklch(79.21% 0.1198 22.62) 58.1%, oklch(78.21% 0.1161 3.49) 61.3%, oklch(77.00% 0.1115 343.29) 64.5%, oklch(75.66% 0.1074 323.92) 67.7%, oklch(74.27% 0.1045 307.27) 71.0%, oklch(72.93% 0.1037 295.25) 74.2%, oklch(71.58% 0.1055 288.81) 77.4%, oklch(69.99% 0.1096 286.08) 80.6%, oklch(68.24% 0.1153 286.16) 83.9%, oklch(66.43% 0.1218 288.18) 87.1%, oklch(64.68% 0.1287 291.31) 90.3%, oklch(63.08% 0.1352 294.70) 93.5%, oklch(61.74% 0.1406 297.50) 96.8%, oklch(60.76% 0.1443 298.87) 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