Nâu, tím và xám (tương đồng) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #8f3402, #90444d, #8c5d6c, #8c726c, #86837e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#8f3402
#8f350e
#903619
#903823
#913a2c
#913c35
#913e3e
#904146
#90444d
#8f4854
#8e4b5a
#8e4e60
#8d5264
#8c5567
#8c586a
#8c5b6c
#8c5d6c
#8c606d
#8d636c
#8d666c
#8d696b
#8d6c6b
#8c6f6c
#8c726c
#8b756e
#8a7770
#897a72
#887c74
#877e77
#878079
#86817c
#86837e

CSS

background: linear-gradient(135deg in oklch, oklch(44.88% 0.1337 42.19) 0.0%, oklch(45.18% 0.1312 40.34) 3.2%, oklch(45.55% 0.1282 37.76) 6.5%, oklch(45.97% 0.1247 34.57) 9.7%, oklch(46.44% 0.1208 30.91) 12.9%, oklch(46.95% 0.1165 26.91) 16.1%, oklch(47.50% 0.1120 22.70) 19.4%, oklch(48.08% 0.1072 18.42) 22.6%, oklch(48.67% 0.1023 14.20) 25.8%, oklch(49.29% 0.0972 10.17) 29.0%, oklch(49.91% 0.0921 6.46) 32.3%, oklch(50.53% 0.0871 3.21) 35.5%, oklch(51.15% 0.0821 0.55) 38.7%, oklch(51.75% 0.0772 358.61) 41.9%, oklch(52.33% 0.0726 357.53) 45.2%, oklch(52.88% 0.0682 357.44) 48.4%, oklch(53.41% 0.0641 358.48) 51.6%, oklch(53.96% 0.0599 0.73) 54.8%, oklch(54.53% 0.0556 4.07) 58.1%, oklch(55.11% 0.0513 8.33) 61.3%, oklch(55.70% 0.0469 13.36) 64.5%, oklch(56.29% 0.0425 19.00) 67.7%, oklch(56.88% 0.0382 25.08) 71.0%, oklch(57.46% 0.0340 31.45) 74.2%, oklch(58.02% 0.0299 37.96) 77.4%, oklch(58.57% 0.0260 44.44) 80.6%, oklch(59.08% 0.0223 50.73) 83.9%, oklch(59.56% 0.0189 56.68) 87.1%, oklch(60.00% 0.0157 62.13) 90.3%, oklch(60.40% 0.0128 66.92) 93.5%, oklch(60.74% 0.0103 70.89) 96.8%, oklch(61.02% 0.0083 73.89) 100.0%);

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

Wilderkind

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