ไล่เฉดสีเชิงเส้น น้ำเงิน เทา และน้ำตาลโทนพาสเทล

ไล่เฉดสีเชิงเส้น 32 สี มุม 90°: #b5ddd1, #d3ead7, #ebeac3, #e5ce89, #ba903a แก้ไขและส่งออกเป็น CSS, SVG, PNG หรือเชดเดอร์

คีย์เฟรม OKLCH ที่แก้ไขได้ 6 อัน

#b5ddd1
#b8ded2
#bbe0d3
#c0e2d4
#c4e4d6
#c8e6d7
#cce7d8
#cfe9d7
#d3ead7
#d7ebd5
#daecd4
#deedd2
#e1edcf
#e4eccd
#e7ecca
#e9ebc7
#ebeac3
#ede8bf
#eee5b9
#eee2b2
#eddeaa
#ebd9a0
#e8d495
#e5ce89
#e1c87e
#ddc173
#d8b968
#d1b05d
#caa652
#c49d49
#be9540
#ba903a

CSS

background: linear-gradient(90deg in oklch, oklch(86.61% 0.0455 174.37) 0.0%, oklch(87.04% 0.0443 173.07) 3.2%, oklch(87.65% 0.0425 171.48) 6.5%, oklch(88.36% 0.0405 169.51) 9.7%, oklch(89.11% 0.0385 167.07) 12.9%, oklch(89.83% 0.0369 164.06) 16.1%, oklch(90.45% 0.0359 160.40) 19.4%, oklch(90.96% 0.0357 155.82) 22.6%, oklch(91.47% 0.0359 150.15) 25.8%, oklch(91.95% 0.0365 143.79) 29.0%, oklch(92.36% 0.0375 137.16) 32.3%, oklch(92.68% 0.0389 130.67) 35.5%, oklch(92.88% 0.0406 124.73) 38.7%, oklch(92.95% 0.0426 119.53) 41.9%, oklch(92.97% 0.0448 114.50) 45.2%, oklch(92.91% 0.0473 109.69) 48.4%, oklch(92.73% 0.0503 105.22) 51.6%, oklch(92.37% 0.0537 101.23) 54.8%, oklch(91.80% 0.0578 97.85) 58.1%, oklch(90.98% 0.0627 95.24) 61.3%, oklch(89.91% 0.0690 93.61) 64.5%, oklch(88.63% 0.0764 92.74) 67.7%, oklch(87.17% 0.0840 92.31) 71.0%, oklch(85.54% 0.0914 92.03) 74.2%, oklch(83.78% 0.0979 91.58) 77.4%, oklch(81.89% 0.1028 90.66) 80.6%, oklch(79.59% 0.1064 89.33) 83.9%, oklch(76.93% 0.1090 87.78) 87.1%, oklch(74.16% 0.1109 86.17) 90.3%, oklch(71.53% 0.1123 84.65) 93.5%, oklch(69.30% 0.1134 83.36) 96.8%, oklch(67.72% 0.1144 82.44) 100.0%);

อยู่ในคอลเลกชันเหล่านี้

สีเขียวทอง

พาเลตต์ที่คล้ายกัน คอลเลกชัน ดาวน์โหลด PNG JSON ของพาเลตต์Markdown วิธีการทำงาน