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

Bảng màu Xám, nâu, hồng và tím (tương đồng)

Gradient tuyến tính, 32 màu, góc 45°: #b9d0d8, #87a291, #bc8b5f, #c06c81, #713547. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#b9d0d8
#b4cdd3
#aec8cd
#a6c2c5
#9fbcbb
#97b5b1
#91aea6
#8ba89b
#87a291
#849c86
#84987d
#879574
#8d936d
#969265
#a29060
#af8e5d
#bc8b5f
#c68864
#ce856d
#d38176
#d37d7e
#d07983
#c97384
#c06c81
#b6647c
#aa5c74
#9f546c
#934c62
#88455a
#7f3e52
#77394b
#713547

CSS

background: linear-gradient(45deg in oklch, oklch(84.25% 0.0276 220.78) 0.0%, oklch(83.08% 0.0285 215.95) 3.2%, oklch(81.46% 0.0294 209.96) 6.5%, oklch(79.51% 0.0305 202.94) 9.7%, oklch(77.33% 0.0317 195.04) 12.9%, oklch(75.04% 0.0331 186.42) 16.1%, oklch(72.74% 0.0348 177.21) 19.4%, oklch(70.54% 0.0368 167.56) 22.6%, oklch(68.56% 0.0392 157.62) 25.8%, oklch(66.89% 0.0421 147.54) 29.0%, oklch(65.65% 0.0456 137.46) 32.3%, oklch(64.96% 0.0498 127.14) 35.5%, oklch(64.84% 0.0553 115.56) 38.7%, oklch(65.16% 0.0619 103.00) 41.9%, oklch(65.79% 0.0691 89.84) 45.2%, oklch(66.58% 0.0766 76.46) 48.4%, oklch(67.41% 0.0841 63.23) 51.6%, oklch(68.14% 0.0912 50.54) 54.8%, oklch(68.62% 0.0977 38.76) 58.1%, oklch(68.73% 0.1031 28.28) 61.3%, oklch(68.33% 0.1071 19.47) 64.5%, oklch(67.29% 0.1094 12.69) 67.7%, oklch(65.53% 0.1101 7.76) 71.0%, oklch(63.18% 0.1094 4.38) 74.2%, oklch(60.41% 0.1076 2.28) 77.4%, oklch(57.34% 0.1050 1.20) 80.6%, oklch(54.14% 0.1019 0.90) 83.9%, oklch(50.95% 0.0985 1.12) 87.1%, oklch(47.93% 0.0952 1.60) 90.3%, oklch(45.22% 0.0921 2.08) 93.5%, oklch(42.97% 0.0897 2.31) 96.8%, oklch(41.34% 0.0882 2.03) 100.0%);

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

Protea cuối đông

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