Tím, xám và nâu vàng (bổ túc) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 270°: #7871b2, #607777, #b2a551, #b8bb9c, #6a979b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#7871b2
#766faf
#736bab
#6e68a6
#6668a2
#5a6c9d
#517291
#547581
#607777
#687974
#6b8072
#71886a
#808f5c
#92934f
#a1974a
#ab9e4b
#b2a551
#b6ac59
#bbb162
#c1b46e
#c5b67b
#c5b889
#c1b993
#b8bb9c
#acbaa5
#a4b7ac
#a0b2ae
#9aadac
#8fa7a8
#81a1a3
#739b9e
#6a979b

CSS

background: linear-gradient(270deg in oklch, oklch(58.27% 0.0978 287.58) 0.0%, oklch(57.46% 0.0972 287.64) 3.2%, oklch(56.25% 0.0966 288.43) 6.5%, oklch(55.02% 0.0947 287.28) 9.7%, oklch(54.13% 0.0900 281.54) 12.9%, oklch(53.83% 0.0801 268.43) 16.1%, oklch(53.87% 0.0623 247.54) 19.4%, oklch(54.23% 0.0423 222.56) 22.6%, oklch(54.96% 0.0268 197.42) 25.8%, oklch(56.10% 0.0223 175.98) 29.0%, oklch(57.81% 0.0324 156.64) 32.3%, oklch(60.00% 0.0517 138.17) 35.5%, oklch(62.39% 0.0734 122.00) 38.7%, oklch(64.73% 0.0906 109.55) 41.9%, oklch(66.94% 0.0995 102.34) 45.2%, oklch(69.28% 0.1048 100.27) 48.4%, oklch(71.57% 0.1070 101.10) 51.6%, oklch(73.61% 0.1060 102.53) 54.8%, oklch(75.21% 0.1017 102.23) 58.1%, oklch(76.50% 0.0920 98.87) 61.3%, oklch(77.50% 0.0786 94.95) 64.5%, oklch(78.14% 0.0645 93.66) 67.7%, oklch(78.35% 0.0524 98.17) 71.0%, oklch(78.08% 0.0428 112.17) 74.2%, oklch(77.35% 0.0337 134.51) 77.4%, oklch(76.25% 0.0262 159.35) 80.6%, oklch(74.88% 0.0215 180.81) 83.9%, oklch(73.26% 0.0213 193.63) 87.1%, oklch(71.01% 0.0266 199.55) 90.3%, oklch(68.48% 0.0352 201.43) 93.5%, oklch(66.16% 0.0439 201.50) 96.8%, oklch(64.57% 0.0496 201.98) 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

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