Đỏ, đỏ nâu và hồng nhạt (tương đồng) (gradient tuyến tính)

Bảng màu Đỏ, đỏ nâu và hồng nhạt (tương đồng)

Gradient tuyến tính, 32 màu, góc 285°: #c72b47, #7a3440, #983858, #de6f86, #fff1ec. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#c72b47
#c12d47
#b92f47
#ae3046
#a33245
#983343
#8d3442
#833441
#7a3440
#74353f
#713640
#723741
#763744
#7c3747
#84374c
#8d3851
#983858
#a33a5f
#ae3c66
#b9416e
#c34874
#cc517a
#d55f7f
#de6f86
#e7818e
#ee9498
#f3a7a4
#f8bab3
#faccc3
#fcdbd2
#fee8e1
#fff1ec

CSS

background: linear-gradient(285deg in oklch, oklch(54.72% 0.1902 16.88) 0.0%, oklch(53.82% 0.1833 16.52) 3.2%, oklch(52.49% 0.1735 16.08) 6.5%, oklch(50.86% 0.1616 15.56) 9.7%, oklch(49.05% 0.1484 14.98) 12.9%, oklch(47.18% 0.1346 14.34) 16.1%, oklch(45.38% 0.1210 13.67) 19.4%, oklch(43.77% 0.1085 12.96) 22.6%, oklch(42.47% 0.0977 12.23) 25.8%, oklch(41.60% 0.0895 11.50) 29.0%, oklch(41.30% 0.0848 10.77) 32.3%, oklch(41.60% 0.0843 9.96) 35.5%, oklch(42.31% 0.0885 8.77) 38.7%, oklch(43.39% 0.0964 7.33) 41.9%, oklch(44.80% 0.1069 5.76) 45.2%, oklch(46.49% 0.1189 4.20) 48.4%, oklch(48.45% 0.1312 2.79) 51.6%, oklch(50.61% 0.1428 1.65) 54.8%, oklch(52.97% 0.1525 0.94) 58.1%, oklch(55.46% 0.1594 0.77) 61.3%, oklch(58.06% 0.1621 1.29) 64.5%, oklch(60.78% 0.1598 2.64) 67.7%, oklch(63.98% 0.1524 5.08) 71.0%, oklch(67.68% 0.1407 8.46) 74.2%, oklch(71.72% 0.1259 12.55) 77.4%, oklch(75.94% 0.1088 17.11) 80.6%, oklch(80.21% 0.0906 21.91) 83.9%, oklch(84.37% 0.0722 26.70) 87.1%, oklch(88.26% 0.0546 31.27) 90.3%, oklch(91.74% 0.0388 35.36) 93.5%, oklch(94.65% 0.0258 38.74) 96.8%, oklch(96.85% 0.0163 41.20) 100.0%);

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

Bảng màu lãng mạn

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