Xanh dương, xanh lá, nâu và đỏ (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #6690a6, #719eb4, #457042, #b68832, #a82928. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#6690a6
#6891a8
#6b94ab
#7097ae
#749ab2
#779cb5
#789eb7
#769fb7
#719eb4
#679aac
#5a94a0
#4c8d91
#408580
#387d6d
#37765c
#3c714d
#457042
#53723a
#637736
#767d33
#898332
#9b8732
#ab8a33
#b68832
#bd822e
#c07828
#c06b23
#bd5d20
#b74e20
#b13f22
#ac3225
#a82928

CSS

background: linear-gradient(135deg in oklch, oklch(62.99% 0.0565 232.03) 0.0%, oklch(63.53% 0.0564 232.54) 3.2%, oklch(64.43% 0.0561 233.87) 6.5%, oklch(65.51% 0.0558 235.48) 9.7%, oklch(66.59% 0.0555 236.86) 12.9%, oklch(67.51% 0.0555 237.48) 16.1%, oklch(68.08% 0.0559 236.81) 19.4%, oklch(68.13% 0.0568 234.34) 22.6%, oklch(67.47% 0.0583 229.52) 25.8%, oklch(65.77% 0.0606 222.04) 29.0%, oklch(63.21% 0.0635 212.35) 32.3%, oklch(60.16% 0.0667 201.09) 35.5%, oklch(56.98% 0.0704 188.87) 38.7%, oklch(54.03% 0.0742 176.31) 41.9%, oklch(51.66% 0.0782 164.03) 45.2%, oklch(50.24% 0.0821 152.65) 48.4%, oklch(50.14% 0.0860 142.57) 51.6%, oklch(51.44% 0.0898 132.86) 54.8%, oklch(53.77% 0.0937 123.34) 58.1%, oklch(56.69% 0.0978 114.06) 61.3%, oklch(59.77% 0.1019 105.02) 64.5%, oklch(62.59% 0.1063 96.27) 67.7%, oklch(64.72% 0.1109 87.83) 71.0%, oklch(65.72% 0.1158 79.72) 74.2%, oklch(65.30% 0.1213 71.81) 77.4%, oklch(63.73% 0.1277 63.82) 80.6%, oklch(61.34% 0.1346 55.94) 83.9%, oklch(58.45% 0.1417 48.40) 87.1%, oklch(55.39% 0.1486 41.42) 90.3%, oklch(52.48% 0.1549 35.21) 93.5%, oklch(50.05% 0.1601 29.98) 96.8%, oklch(48.43% 0.1640 25.96) 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