Xanh cổ vịt, xám, đỏ và cam (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 225°: #275f52, #a5c7b3, #de763a, #a7302d, #e5c165. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#275f52
#33685b
#447468
#588478
#6d9489
#81a599
#92b4a7
#9fc0b1
#a5c7b3
#a8c9ac
#acc89b
#b4c184
#c1b568
#cea54e
#d8943c
#de8337
#de763a
#d9673c
#d0593c
#c54b3b
#b93f38
#b03534
#a93030
#a7302d
#ab372b
#b44628
#bf5a27
#ca712b
#d48a36
#dca047
#e2b458
#e5c165

CSS

background: linear-gradient(225deg in oklch, oklch(44.49% 0.0634 175.78) 0.0%, oklch(47.63% 0.0610 175.28) 3.2%, oklch(52.18% 0.0568 175.34) 6.5%, oklch(57.62% 0.0518 175.45) 9.7%, oklch(63.42% 0.0468 175.10) 12.9%, oklch(69.07% 0.0428 173.78) 16.1%, oklch(74.04% 0.0406 170.98) 19.4%, oklch(77.81% 0.0413 166.19) 22.6%, oklch(79.87% 0.0456 158.85) 25.8%, oklch(80.45% 0.0547 147.86) 29.0%, oklch(79.94% 0.0676 133.77) 32.3%, oklch(78.58% 0.0830 117.73) 35.5%, oklch(76.62% 0.0995 100.89) 38.7%, oklch(74.30% 0.1157 84.39) 41.9%, oklch(71.85% 0.1303 69.37) 45.2%, oklch(69.54% 0.1419 56.99) 48.4%, oklch(67.39% 0.1494 47.98) 51.6%, oklch(64.50% 0.1544 40.67) 54.8%, oklch(61.05% 0.1577 34.73) 58.1%, oklch(57.42% 0.1593 30.17) 61.3%, oklch(54.02% 0.1597 27.03) 64.5%, oklch(51.23% 0.1591 25.31) 67.7%, oklch(49.44% 0.1578 25.04) 71.0%, oklch(49.05% 0.1562 26.25) 74.2%, oklch(50.49% 0.1538 29.55) 77.4%, oklch(53.79% 0.1497 35.97) 80.6%, oklch(58.42% 0.1445 44.62) 83.9%, oklch(63.84% 0.1385 54.56) 87.1%, oklch(69.48% 0.1324 64.82) 90.3%, oklch(74.80% 0.1266 74.47) 93.5%, oklch(79.26% 0.1218 82.53) 96.8%, oklch(82.28% 0.1185 88.07) 100.0%);

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

Giàn cà chua sai quả

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