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

Gradient tuyến tính, 32 màu, góc 135°: #dbac8d, #e2c8a8, #bfddbb, #78ced7, #0094cd. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#dbac8d
#dcae8e
#ddb191
#deb495
#dfb899
#e0bc9d
#e1c0a1
#e2c4a5
#e2c8a8
#e2cbaa
#e0ceac
#ded0ad
#dad3ae
#d5d6af
#cfd8b2
#c8dbb6
#bfddbb
#b6dec1
#addec7
#a3ddcc
#9adbd1
#91d8d4
#85d4d6
#78ced7
#69c7d7
#59bfd6
#48b7d5
#36afd4
#21a7d3
#01a0d2
#0099cf
#0094cd

CSS

background: linear-gradient(135deg in oklch, oklch(77.95% 0.0703 54.84) 0.0%, oklch(78.45% 0.0689 56.22) 3.2%, oklch(79.13% 0.0670 57.58) 6.5%, oklch(79.96% 0.0645 59.03) 9.7%, oklch(80.88% 0.0619 60.70) 12.9%, oklch(81.85% 0.0591 62.72) 16.1%, oklch(82.82% 0.0564 65.21) 19.4%, oklch(83.74% 0.0539 68.29) 22.6%, oklch(84.56% 0.0519 72.09) 25.8%, oklch(85.24% 0.0504 76.73) 29.0%, oklch(85.72% 0.0497 82.33) 32.3%, oklch(86.01% 0.0497 89.18) 35.5%, oklch(86.27% 0.0501 97.70) 38.7%, oklch(86.48% 0.0508 107.56) 41.9%, oklch(86.62% 0.0519 118.42) 45.2%, oklch(86.66% 0.0534 129.89) 48.4%, oklch(86.58% 0.0553 141.63) 51.6%, oklch(86.35% 0.0576 153.25) 54.8%, oklch(85.95% 0.0604 164.40) 58.1%, oklch(85.36% 0.0637 174.72) 61.3%, oklch(84.54% 0.0675 183.83) 64.5%, oklch(83.46% 0.0718 191.43) 67.7%, oklch(81.94% 0.0774 198.14) 71.0%, oklch(80.01% 0.0842 204.21) 74.2%, oklch(77.79% 0.0918 209.69) 77.4%, oklch(75.38% 0.0998 214.61) 80.6%, oklch(72.89% 0.1081 219.01) 83.9%, oklch(70.42% 0.1162 222.92) 87.1%, oklch(68.09% 0.1238 226.39) 90.3%, oklch(66.00% 0.1306 229.45) 93.5%, oklch(64.27% 0.1314 232.15) 96.8%, oklch(62.99% 0.1327 234.50) 100.0%);

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

Gradient ven biển

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