Hồng đào, tím, xám và be (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 45°: #d68451, #803351, #bea17c, #7b884e, #dfcfa8. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#d68451
#d17d52
#c97455
#be6958
#b25f5a
#a6555a
#9a4c59
#8f4256
#803351
#71224b
#631246
#5c0641
#5e063e
#6e193d
#8a3d40
#a76d52
#bea17c
#d3ceaf
#e5ead6
#e8f2e0
#d7e4cf
#b8caaa
#96a97c
#7b884e
#6b7026
#686710
#736d1b
#867d36
#9f9356
#b9ab77
#d0c195
#dfcfa8

CSS

background: linear-gradient(45deg in oklch, oklch(68.90% 0.1213 51.33) 0.0%, oklch(67.05% 0.1191 46.77) 3.2%, oklch(64.49% 0.1158 40.26) 6.5%, oklch(61.47% 0.1120 32.64) 9.7%, oklch(58.19% 0.1084 24.70) 12.9%, oklch(54.88% 0.1057 17.25) 16.1%, oklch(51.76% 0.1047 11.11) 19.4%, oklch(48.32% 0.1066 5.55) 22.6%, oklch(43.67% 0.1120 358.62) 25.8%, oklch(38.75% 0.1190 351.85) 29.0%, oklch(34.57% 0.1255 346.90) 32.3%, oklch(32.11% 0.1294 345.38) 35.5%, oklch(32.37% 0.1288 348.94) 38.7%, oklch(36.73% 0.1210 359.84) 41.9%, oklch(46.32% 0.1048 19.96) 45.2%, oklch(59.05% 0.0836 45.86) 48.4%, oklch(72.60% 0.0612 73.70) 51.6%, oklch(84.63% 0.0415 99.61) 54.8%, oklch(92.80% 0.0281 119.72) 58.1%, oklch(94.83% 0.0250 130.58) 61.3%, oklch(90.35% 0.0326 133.77) 64.5%, oklch(81.53% 0.0473 131.70) 67.7%, oklch(70.73% 0.0655 126.28) 71.0%, oklch(60.31% 0.0833 119.40) 74.2%, oklch(52.61% 0.0968 112.98) 77.4%, oklch(49.95% 0.1023 108.82) 80.6%, oklch(52.40% 0.1000 105.39) 83.9%, oklch(58.21% 0.0926 101.67) 87.1%, oklch(65.92% 0.0823 97.92) 90.3%, oklch(74.08% 0.0711 94.44) 93.5%, oklch(81.20% 0.0614 91.49) 96.8%, oklch(85.83% 0.0551 89.37) 100.0%);

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