Be, tím và nâu tông ấm (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 45°: #fdf1db, #bd8a88, #753f67, #9c4e58, #c08646. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#fdf1db
#f8e9d3
#f2e0c9
#ecd4bd
#e4c7b1
#dbb8a5
#d2a99a
#c89a90
#bd8a88
#b17c81
#a56e7b
#9a6276
#8f5872
#854f6f
#7d486c
#784269
#753f67
#763d66
#783d64
#7d3e62
#844060
#8b445e
#93485b
#9c4e58
#a45554
#ab5d50
#b1654d
#b66d4a
#ba7548
#bd7c47
#bf8246
#c08646

CSS

background: linear-gradient(45deg in oklch, oklch(96.06% 0.0317 82.97) 0.0%, oklch(94.08% 0.0340 78.75) 3.2%, oklch(91.47% 0.0369 73.09) 6.5%, oklch(88.34% 0.0403 66.21) 9.7%, oklch(84.78% 0.0442 58.37) 12.9%, oklch(80.90% 0.0484 49.81) 16.1%, oklch(76.79% 0.0528 40.77) 19.4%, oklch(72.55% 0.0575 31.49) 22.6%, oklch(68.28% 0.0623 22.21) 25.8%, oklch(64.07% 0.0670 13.18) 29.0%, oklch(60.04% 0.0717 4.65) 32.3%, oklch(56.27% 0.0762 356.84) 35.5%, oklch(52.87% 0.0805 350.01) 38.7%, oklch(49.93% 0.0845 344.40) 41.9%, oklch(47.56% 0.0880 340.25) 45.2%, oklch(45.85% 0.0910 337.80) 48.4%, oklch(44.88% 0.0935 337.28) 51.6%, oklch(44.58% 0.0956 338.65) 54.8%, oklch(44.85% 0.0975 341.67) 58.1%, oklch(45.62% 0.0991 346.12) 61.3%, oklch(46.82% 0.1005 351.77) 64.5%, oklch(48.36% 0.1017 358.38) 67.7%, oklch(50.18% 0.1027 5.73) 71.0%, oklch(52.20% 0.1035 13.58) 74.2%, oklch(54.35% 0.1042 21.72) 77.4%, oklch(56.54% 0.1048 29.90) 80.6%, oklch(58.71% 0.1053 37.90) 83.9%, oklch(60.78% 0.1058 45.49) 87.1%, oklch(62.67% 0.1062 52.43) 90.3%, oklch(64.31% 0.1066 58.51) 93.5%, oklch(65.62% 0.1070 63.48) 96.8%, oklch(66.54% 0.1075 67.12) 100.0%);

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

Bảng màu phối hương

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