Xanh cổ vịt, nâu vàng và đỏ (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 90°: #00808a, #00baad, #8cc5aa, #d88063, #e3452e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#00808a
#00858e
#008c93
#009598
#099d9e
#12a5a2
#13aca6
#09b3aa
#00baad
#00c0af
#1ac5b1
#34c8b3
#4bcab8
#61cabc
#73cabc
#81c8b7
#8cc5aa
#9abd96
#aab183
#b7a378
#be9774
#c48f72
#cd876d
#d88063
#e37855
#ec7045
#f1683a
#f15f35
#ee5732
#ea4f30
#e5492f
#e3452e

CSS

background: linear-gradient(90deg in oklch, oklch(54.73% 0.0934 204.62) 0.0%, oklch(56.20% 0.0957 202.93) 3.2%, oklch(58.30% 0.0991 200.53) 6.5%, oklch(60.73% 0.1033 197.75) 9.7%, oklch(63.20% 0.1066 194.90) 12.9%, oklch(65.42% 0.1097 192.31) 16.1%, oklch(67.33% 0.1137 190.09) 19.4%, oklch(69.20% 0.1193 187.98) 22.6%, oklch(70.98% 0.1245 185.94) 25.8%, oklch(72.60% 0.1286 183.96) 29.0%, oklch(74.00% 0.1290 182.01) 32.3%, oklch(75.20% 0.1242 180.88) 35.5%, oklch(76.35% 0.1138 182.09) 38.7%, oklch(77.31% 0.1006 183.47) 41.9%, oklch(77.94% 0.0872 182.61) 45.2%, oklch(78.10% 0.0765 177.10) 48.4%, oklch(77.59% 0.0704 164.19) 51.6%, oklch(76.22% 0.0659 142.06) 54.8%, oklch(74.31% 0.0632 114.77) 58.1%, oklch(72.27% 0.0633 87.01) 61.3%, oklch(70.51% 0.0675 63.47) 64.5%, oklch(69.40% 0.0770 48.56) 67.7%, oklch(68.93% 0.0947 41.23) 71.0%, oklch(68.81% 0.1179 38.70) 74.2%, oklch(68.78% 0.1425 38.81) 77.4%, oklch(68.58% 0.1645 39.40) 80.6%, oklch(67.97% 0.1797 38.36) 83.9%, oklch(66.81% 0.1885 36.45) 87.1%, oklch(65.32% 0.1934 34.77) 90.3%, oklch(63.76% 0.1958 33.34) 93.5%, oklch(62.37% 0.1970 32.17) 96.8%, oklch(61.42% 0.1984 31.30) 100.0%);

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

Xanh cổ vịt và cam

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