Xám sang tím (đơn sắc) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 90°: #72806d, #847174, #9c6787, #b1699b, #c972b2. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#72806d
#767e6a
#7a7c68
#7f7967
#827769
#83746c
#83736f
#837271
#847174
#867076
#886e78
#8c6d7a
#8f6b7c
#936a7f
#976881
#9a6784
#9c6787
#9f678a
#a2678d
#a56790
#a86793
#ab6895
#ae6898
#b1699b
#b46a9e
#b86ba1
#bb6ca4
#be6ea8
#c26fab
#c570ae
#c771b0
#c972b2

CSS

background: linear-gradient(90deg in oklch, oklch(58.27% 0.0331 137.11) 0.0%, oklch(58.12% 0.0318 126.23) 3.2%, oklch(57.91% 0.0297 110.91) 6.5%, oklch(57.65% 0.0271 92.63) 9.7%, oklch(57.37% 0.0245 72.85) 12.9%, oklch(57.11% 0.0225 53.03) 16.1%, oklch(56.89% 0.0214 34.64) 19.4%, oklch(56.74% 0.0218 19.14) 22.6%, oklch(56.69% 0.0242 7.92) 25.8%, oklch(56.70% 0.0289 0.10) 29.0%, oklch(56.75% 0.0353 354.63) 32.3%, oklch(56.85% 0.0430 350.99) 35.5%, oklch(57.00% 0.0514 348.69) 38.7%, oklch(57.19% 0.0600 347.22) 41.9%, oklch(57.43% 0.0682 346.08) 45.2%, oklch(57.71% 0.0754 344.76) 48.4%, oklch(58.05% 0.0814 342.98) 51.6%, oklch(58.44% 0.0867 341.63) 54.8%, oklch(58.90% 0.0916 340.80) 58.1%, oklch(59.40% 0.0962 340.35) 61.3%, oklch(59.94% 0.1005 340.14) 64.5%, oklch(60.50% 0.1045 340.06) 67.7%, oklch(61.08% 0.1084 339.97) 71.0%, oklch(61.66% 0.1121 339.75) 74.2%, oklch(62.28% 0.1157 339.36) 77.4%, oklch(62.99% 0.1192 338.99) 80.6%, oklch(63.75% 0.1226 338.66) 83.9%, oklch(64.52% 0.1258 338.37) 87.1%, oklch(65.27% 0.1287 338.11) 90.3%, oklch(65.94% 0.1312 337.88) 93.5%, oklch(66.51% 0.1334 337.69) 96.8%, oklch(66.93% 0.1350 337.54) 100.0%);

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

Gradient khu vườn phong sương Gradient nhiều màu dịu Gradient hình nền máy tính

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