Hồng cá hồi, trắng và xám (gradient tuyến tính)

Gradient tuyến tính, 56 màu, góc 135°: #e87066, #ffc7a7, #fdf9ea, #a0b1a8, #3f5c6a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#e87066
#e97467
#ea7868
#ec7c6a
#ee826d
#f08770
#f28d74
#f49479
#f69b7e
#f8a283
#faa989
#fcb08f
#feb796
#ffbf9e
#ffc7a7
#ffceb0
#ffd5b9
#ffdcc2
#ffe2cb
#ffe7d3
#ffecda
#fff1e1
#fff4e7
#fff7ec
#fff9f0
#fffaf2
#fffbf1
#fffaee
#fdf9ea
#faf7e9
#f6f4e7
#f1f1e4
#ebece0
#e5e7dc
#dee2d6
#d6dbd0
#ced5ca
#c6cec3
#bdc7bd
#b4c0b6
#aab9af
#a0b1a8
#97aaa2
#8da29c
#849b96
#7a9490
#718c8b
#698586
#617f81
#5a787d
#547279
#4e6d75
#496872
#45636f
#415f6c
#3f5c6a

CSS

background: linear-gradient(135deg in oklch, oklch(68.50% 0.1502 26.72) 0.0%, oklch(69.14% 0.1476 27.93) 1.8%, oklch(69.95% 0.1445 29.21) 3.6%, oklch(70.91% 0.1409 30.57) 5.5%, oklch(72.01% 0.1369 32.00) 7.3%, oklch(73.24% 0.1325 33.52) 9.1%, oklch(74.58% 0.1278 35.11) 10.9%, oklch(76.00% 0.1228 36.78) 12.7%, oklch(77.50% 0.1175 38.54) 14.5%, oklch(79.06% 0.1120 40.38) 16.4%, oklch(80.66% 0.1063 42.30) 18.2%, oklch(82.29% 0.1005 44.31) 20.0%, oklch(83.92% 0.0946 46.41) 21.8%, oklch(85.55% 0.0862 48.60) 23.6%, oklch(87.16% 0.0771 50.88) 25.5%, oklch(88.73% 0.0683 53.25) 27.3%, oklch(90.24% 0.0600 55.72) 29.1%, oklch(91.68% 0.0521 58.28) 30.9%, oklch(93.04% 0.0446 60.93) 32.7%, oklch(94.29% 0.0378 63.69) 34.5%, oklch(95.42% 0.0314 66.54) 36.4%, oklch(96.41% 0.0258 69.49) 38.2%, oklch(97.25% 0.0208 72.55) 40.0%, oklch(97.92% 0.0168 75.71) 41.8%, oklch(98.41% 0.0139 78.98) 43.6%, oklch(98.70% 0.0125 82.35) 45.5%, oklch(98.77% 0.0133 85.82) 47.3%, oklch(98.60% 0.0172 89.39) 49.1%, oklch(98.18% 0.0197 93.07) 50.9%, oklch(97.49% 0.0182 97.12) 52.7%, oklch(96.54% 0.0170 101.51) 54.5%, oklch(95.35% 0.0162 106.19) 56.4%, oklch(93.93% 0.0157 111.15) 58.2%, oklch(92.32% 0.0155 116.35) 60.0%, oklch(90.53% 0.0156 121.76) 61.8%, oklch(88.57% 0.0160 127.34) 63.6%, oklch(86.48% 0.0167 133.08) 65.5%, oklch(84.26% 0.0175 138.94) 67.3%, oklch(81.94% 0.0185 144.88) 69.1%, oklch(79.53% 0.0197 150.88) 70.9%, oklch(77.06% 0.0211 156.90) 72.7%, oklch(74.55% 0.0225 162.93) 74.5%, oklch(72.01% 0.0241 168.91) 76.4%, oklch(69.47% 0.0257 174.83) 78.2%, oklch(66.94% 0.0273 180.66) 80.0%, oklch(64.45% 0.0290 186.36) 81.8%, oklch(62.01% 0.0307 191.90) 83.6%, oklch(59.64% 0.0323 197.25) 85.5%, oklch(57.36% 0.0339 202.38) 87.3%, oklch(55.20% 0.0354 207.27) 89.1%, oklch(53.17% 0.0368 211.87) 90.9%, oklch(51.29% 0.0381 216.16) 92.7%, oklch(49.58% 0.0392 220.11) 94.5%, oklch(48.06% 0.0401 223.69) 96.4%, oklch(46.75% 0.0408 226.87) 98.2%, oklch(45.67% 0.0413 229.62) 100.0%);

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

Gradient Giáng sinh

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