Nâu, trắng ngà và xanh dương nhạt (gradient tuyến tính)

Bảng màu Nâu, trắng ngà và xanh dương nhạt

Gradient tuyến tính, 32 màu, góc 90°: #784830, #c4813a, #f2cb77, #f6fad9, #aadad8. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#784830
#7f4c30
#885030
#925731
#9d5d31
#a76531
#b16d33
#ba7736
#c4813a
#cd8c3f
#d59645
#dba04b
#e1a952
#e6b159
#eaba62
#eec26b
#f2cb77
#f6d385
#fbdb93
#fee3a2
#ffeaaf
#fdf0bc
#f9f6ca
#f6fad9
#f3fce5
#f2fbec
#eff9ee
#e6f4ea
#d7ede3
#c6e6dd
#b5dfd9
#aadad8

CSS

background: linear-gradient(90deg in oklch, oklch(45.28% 0.0758 47.11) 0.0%, oklch(46.82% 0.0804 48.27) 3.2%, oklch(48.97% 0.0871 49.86) 6.5%, oklch(51.52% 0.0947 51.77) 9.7%, oklch(54.27% 0.1020 53.93) 12.9%, oklch(57.03% 0.1081 56.23) 16.1%, oklch(59.82% 0.1124 58.73) 19.4%, oklch(62.84% 0.1161 61.57) 22.6%, oklch(65.96% 0.1190 64.58) 25.8%, oklch(69.05% 0.1211 67.62) 29.0%, oklch(71.94% 0.1224 70.51) 32.3%, oklch(74.54% 0.1229 73.18) 35.5%, oklch(76.96% 0.1228 75.77) 38.7%, oklch(79.25% 0.1219 78.29) 41.9%, oklch(81.44% 0.1199 80.71) 45.2%, oklch(83.58% 0.1166 83.00) 48.4%, oklch(85.73% 0.1116 84.98) 51.6%, oklch(87.97% 0.1048 85.92) 54.8%, oklch(90.18% 0.0966 86.54) 58.1%, oklch(92.22% 0.0875 87.76) 61.3%, oklch(93.96% 0.0780 90.49) 64.5%, oklch(95.28% 0.0683 95.63) 67.7%, oklch(96.40% 0.0565 103.32) 71.0%, oklch(97.28% 0.0434 112.79) 74.2%, oklch(97.77% 0.0311 123.22) 77.4%, oklch(97.75% 0.0219 133.83) 80.6%, oklch(97.07% 0.0177 143.85) 83.9%, oklch(95.30% 0.0199 154.53) 87.1%, oklch(92.69% 0.0268 165.93) 90.3%, oklch(89.80% 0.0357 176.90) 93.5%, oklch(87.19% 0.0442 186.28) 96.8%, oklch(85.43% 0.0496 192.94) 100.0%);

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

Gradient kí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