Tím, hồng và hồng đào (ba tông) (gradient tuyến tính)

Bảng màu Tím, hồng và hồng đào (ba tông)

Gradient tuyến tính, 32 màu, góc 135°: #634690, #ab559f, #e67299, #ff9b95, #ffccae. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#634690
#694792
#704895
#784a98
#814c9a
#8b4e9c
#96509e
#a1539f
#ab559f
#b5589f
#be5b9e
#c65e9d
#cd629c
#d4669b
#db6a9a
#e16e9a
#e67299
#ec7798
#f17c97
#f68196
#fa8694
#fe8b93
#ff9394
#ff9b95
#ffa397
#ffab9a
#ffb29d
#ffb9a1
#ffbfa4
#ffc4a8
#ffc8ab
#ffccae

CSS

background: linear-gradient(135deg in oklch, oklch(46.06% 0.1199 300.23) 0.0%, oklch(46.97% 0.1218 302.70) 3.2%, oklch(48.14% 0.1244 305.90) 6.5%, oklch(49.53% 0.1277 309.70) 9.7%, oklch(51.09% 0.1312 313.96) 12.9%, oklch(52.76% 0.1350 318.54) 16.1%, oklch(54.51% 0.1388 323.29) 19.4%, oklch(56.29% 0.1423 328.08) 22.6%, oklch(58.05% 0.1455 332.77) 25.8%, oklch(59.74% 0.1480 337.21) 29.0%, oklch(61.32% 0.1498 341.26) 32.3%, oklch(62.77% 0.1507 344.88) 35.5%, oklch(64.21% 0.1511 348.29) 38.7%, oklch(65.63% 0.1511 351.56) 41.9%, oklch(67.04% 0.1506 354.70) 45.2%, oklch(68.43% 0.1497 357.77) 48.4%, oklch(69.81% 0.1485 0.79) 51.6%, oklch(71.16% 0.1471 3.79) 54.8%, oklch(72.51% 0.1455 6.82) 58.1%, oklch(73.83% 0.1437 9.90) 61.3%, oklch(75.13% 0.1418 13.08) 64.5%, oklch(76.41% 0.1399 16.39) 67.7%, oklch(77.74% 0.1305 20.00) 71.0%, oklch(79.11% 0.1205 23.87) 74.2%, oklch(80.50% 0.1112 27.89) 77.4%, oklch(81.86% 0.1028 31.94) 80.6%, oklch(83.19% 0.0952 35.93) 83.9%, oklch(84.44% 0.0886 39.75) 87.1%, oklch(85.60% 0.0828 43.30) 90.3%, oklch(86.62% 0.0778 46.46) 93.5%, oklch(87.50% 0.0737 49.13) 96.8%, oklch(88.19% 0.0705 51.20) 100.0%);

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

Gradient bình minh

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