Trắng ngà, nâu vàng, xanh cổ vịt và be (gradient tuyến tính)

Bảng màu Trắng ngà, nâu vàng, xanh cổ vịt và be

Gradient tuyến tính, 32 màu, góc 180°: #f7eee0, #42d8cf, #e79a66, #07b6be, #e7e6b7. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f7eee0
#f3ebd5
#e9e8c8
#d6e6bd
#b9e5ba
#97e3c1
#74e0cb
#56dcd2
#42d8cf
#45d6bc
#66d29c
#93c975
#bcbc57
#d8ad52
#e6a25e
#ea9c69
#e79a66
#dc9d57
#c7a348
#a4ad4f
#75b46d
#40b790
#07b7ad
#07b6be
#27b9c2
#43c1c0
#62cab9
#84d2b1
#a7d9ab
#c4deac
#dae2b1
#e7e6b7

CSS

background: linear-gradient(180deg in oklch, oklch(95.28% 0.0207 78.75) 0.0%, oklch(94.04% 0.0296 89.44) 3.2%, oklch(92.32% 0.0425 105.64) 6.5%, oklch(90.26% 0.0578 125.04) 9.7%, oklch(88.03% 0.0742 145.32) 12.9%, oklch(85.77% 0.0905 164.17) 16.1%, oklch(83.65% 0.1051 179.27) 19.4%, oklch(81.81% 0.1167 188.30) 22.6%, oklch(80.40% 0.1240 188.88) 25.8%, oklch(79.34% 0.1274 178.51) 29.0%, oklch(78.52% 0.1279 159.42) 32.3%, oklch(77.87% 0.1263 135.03) 35.5%, oklch(77.35% 0.1234 108.81) 38.7%, oklch(76.88% 0.1200 84.20) 41.9%, oklch(76.41% 0.1169 64.65) 45.2%, oklch(75.89% 0.1148 53.59) 48.4%, oklch(75.23% 0.1144 54.34) 51.6%, oklch(74.27% 0.1153 66.83) 54.8%, oklch(73.15% 0.1170 87.80) 58.1%, oklch(72.02% 0.1189 113.83) 61.3%, oklch(71.05% 0.1205 141.48) 64.5%, oklch(70.38% 0.1215 167.36) 67.7%, oklch(70.19% 0.1212 188.02) 71.0%, oklch(70.64% 0.1193 200.07) 74.2%, oklch(71.94% 0.1151 201.36) 77.4%, oklch(74.19% 0.1085 194.50) 80.6%, oklch(77.10% 0.1002 181.75) 83.9%, oklch(80.39% 0.0910 165.30) 87.1%, oklch(83.75% 0.0817 147.34) 90.3%, oklch(86.89% 0.0730 130.04) 93.5%, oklch(89.52% 0.0657 115.61) 96.8%, oklch(91.34% 0.0606 106.23) 100.0%);

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

Gradient bãi 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