Tím, hồng, nâu vàng và cam (gradient tuyến tính)

Gradient tuyến tính, 48 màu, góc 135°: #7664ac, #da4554, #f4d7de, #b3b74d, #e6886a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#7664ac
#7c62ad
#835eac
#8c5aaa
#9754a5
#a24e9d
#ad4793
#b74186
#c13d79
#c93a6b
#d03a5f
#d63e57
#da4554
#df5059
#e35d66
#e76b76
#ea7b89
#ec8b9c
#ee9bae
#efaabe
#f0b8ca
#f0c4d4
#f1cdda
#f2d4de
#f4d7de
#f5d6db
#f7d3d4
#f8cec9
#f7c9b9
#f4c4a6
#eebf91
#e4bc7d
#d7ba6b
#c9b95e
#bcb854
#b3b74d
#afb548
#b0b241
#b5ae39
#bda932
#c6a42f
#cf9e31
#d79939
#dd9444
#e28f50
#e48c5b
#e68a64
#e6886a

CSS

background: linear-gradient(135deg in oklch, oklch(55.12% 0.1116 293.91) 0.0%, oklch(55.29% 0.1160 298.44) 2.1%, oklch(55.39% 0.1226 304.61) 4.3%, oklch(55.46% 0.1308 312.07) 6.4%, oklch(55.53% 0.1401 320.46) 8.5%, oklch(55.65% 0.1498 329.44) 10.6%, oklch(55.84% 0.1595 338.65) 12.8%, oklch(56.14% 0.1685 347.74) 14.9%, oklch(56.59% 0.1764 356.35) 17.0%, oklch(57.23% 0.1826 4.14) 19.1%, oklch(58.09% 0.1864 10.76) 21.3%, oklch(59.21% 0.1875 15.84) 23.4%, oklch(60.63% 0.1850 19.04) 25.5%, oklch(62.59% 0.1783 20.00) 27.7%, oklch(65.08% 0.1675 19.01) 29.8%, oklch(67.96% 0.1536 16.51) 31.9%, oklch(71.11% 0.1376 12.94) 34.0%, oklch(74.39% 0.1201 8.76) 36.2%, oklch(77.68% 0.1022 4.41) 38.3%, oklch(80.85% 0.0847 0.33) 40.4%, oklch(83.77% 0.0685 356.97) 42.6%, oklch(86.31% 0.0545 354.77) 44.7%, oklch(88.34% 0.0434 354.19) 46.8%, oklch(89.74% 0.0363 355.66) 48.9%, oklch(90.39% 0.0338 359.69) 51.1%, oklch(90.34% 0.0353 6.64) 53.2%, oklch(89.72% 0.0402 16.01) 55.3%, oklch(88.63% 0.0478 27.20) 57.4%, oklch(87.17% 0.0574 39.62) 59.6%, oklch(85.44% 0.0685 52.68) 61.7%, oklch(83.55% 0.0803 65.77) 63.8%, oklch(81.61% 0.0923 78.29) 66.0%, oklch(79.72% 0.1037 89.67) 68.1%, oklch(77.99% 0.1140 99.29) 70.2%, oklch(76.51% 0.1224 106.56) 72.3%, oklch(75.40% 0.1285 110.89) 74.5%, oklch(74.66% 0.1320 111.88) 76.6%, oklch(74.06% 0.1341 109.98) 78.7%, oklch(73.58% 0.1350 105.69) 80.9%, oklch(73.21% 0.1350 99.48) 83.0%, oklch(72.92% 0.1342 91.83) 85.1%, oklch(72.71% 0.1329 83.23) 87.2%, oklch(72.55% 0.1312 74.16) 89.4%, oklch(72.43% 0.1293 65.10) 91.5%, oklch(72.34% 0.1275 56.52) 93.6%, oklch(72.26% 0.1258 48.91) 95.7%, oklch(72.16% 0.1246 42.75) 97.9%, oklch(72.05% 0.1240 38.52) 100.0%);

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

Tuổi thơ hoài niệm

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