Hồng, tím, xanh dương và be (gradient tuyến tính)

Gradient tuyến tính, 48 màu, góc 135°: #fff0e5, #5a5390, #677dc5, #efdcdf, #dfe8c1. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#fff0e5
#fae6db
#f2d9cf
#e8c9c2
#ddb7b6
#cfa5ac
#bf92a4
#ad829e
#9a7399
#876796
#755d93
#665791
#5a5390
#515190
#4a5292
#445394
#405698
#3e5a9d
#3e5ea3
#4063a9
#4469af
#4a6eb5
#5274bb
#5c79c1
#677dc5
#7583c9
#8689cc
#9791cf
#a899d1
#b8a3d2
#c7add3
#d3b7d4
#ddc2d6
#e5ccd9
#ead5dc
#efdcdf
#f2e0e1
#f5e4e2
#f7e5e1
#f8e6de
#f8e6da
#f7e6d4
#f5e6cf
#f1e6ca
#ede6c5
#e7e6c2
#e3e7c1
#dfe8c1

CSS

background: linear-gradient(135deg in oklch, oklch(96.46% 0.0216 59.08) 0.0%, oklch(93.86% 0.0258 52.27) 2.1%, oklch(90.33% 0.0308 43.25) 4.3%, oklch(86.07% 0.0368 32.44) 6.4%, oklch(81.27% 0.0436 20.28) 8.5%, oklch(76.14% 0.0508 7.22) 10.6%, oklch(70.87% 0.0583 353.69) 12.8%, oklch(65.67% 0.0659 340.15) 14.9%, oklch(60.74% 0.0732 327.02) 17.0%, oklch(56.27% 0.0801 314.76) 19.1%, oklch(52.47% 0.0864 303.80) 21.3%, oklch(49.54% 0.0918 294.58) 23.4%, oklch(47.66% 0.0961 287.50) 25.5%, oklch(46.60% 0.1000 281.60) 27.7%, oklch(46.17% 0.1038 276.44) 29.8%, oklch(46.29% 0.1074 272.03) 31.9%, oklch(46.90% 0.1107 268.39) 34.0%, oklch(47.91% 0.1136 265.55) 36.2%, oklch(49.26% 0.1160 263.52) 38.3%, oklch(50.88% 0.1177 262.33) 40.4%, oklch(52.68% 0.1186 262.01) 42.6%, oklch(54.60% 0.1187 262.56) 44.7%, oklch(56.57% 0.1178 264.02) 46.8%, oklch(58.51% 0.1158 266.40) 48.9%, oklch(60.43% 0.1125 269.81) 51.1%, oklch(62.75% 0.1070 274.69) 53.2%, oklch(65.45% 0.0996 280.93) 55.3%, oklch(68.44% 0.0908 288.33) 57.4%, oklch(71.61% 0.0810 296.68) 59.6%, oklch(74.88% 0.0707 305.79) 61.7%, oklch(78.14% 0.0602 315.45) 63.8%, oklch(81.30% 0.0500 325.47) 66.0%, oklch(84.26% 0.0406 335.63) 68.1%, oklch(86.92% 0.0324 345.75) 70.2%, oklch(89.20% 0.0259 355.61) 72.3%, oklch(90.98% 0.0214 5.02) 74.5%, oklch(92.23% 0.0192 14.25) 76.6%, oklch(93.06% 0.0189 24.23) 78.7%, oklch(93.53% 0.0201 34.78) 80.9%, oklch(93.70% 0.0226 45.68) 83.0%, oklch(93.63% 0.0260 56.70) 85.1%, oklch(93.37% 0.0301 67.62) 87.2%, oklch(93.00% 0.0346 78.21) 89.4%, oklch(92.56% 0.0391 88.24) 91.5%, oklch(92.11% 0.0435 97.48) 93.6%, oklch(91.72% 0.0473 105.72) 95.7%, oklch(91.44% 0.0504 112.71) 97.9%, oklch(91.34% 0.0524 118.24) 100.0%);

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

Extra celestial

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