Xám, xanh cổ vịt và nâu (gradient hình nón)

Gradient hình nón, 32 màu, góc 90°: #d8c5b4, #96ad9b, #5a8475, #545d49, #813a1d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#d8c5b4
#d3c4b1
#cbc2ae
#c2c0ac
#b9bcaa
#b1b9a7
#a9b5a4
#a0b19f
#96ad9b
#8ca897
#83a393
#7b9e8f
#73998a
#6c9485
#658f7f
#5f897a
#5a8475
#567e70
#52786b
#507266
#4e6d60
#4e6859
#506250
#545d49
#585743
#5a533f
#5e4f3b
#634b34
#6b472c
#744325
#7b3e1f
#813a1d

CSS

background: conic-gradient(from 90deg in oklch, oklch(83.46% 0.0317 64.69) 0.0%, oklch(82.68% 0.0306 73.38) 3.2%, oklch(81.61% 0.0289 85.88) 6.5%, oklch(80.32% 0.0271 100.21) 9.7%, oklch(78.90% 0.0259 114.38) 12.9%, oklch(77.41% 0.0260 126.43) 16.1%, oklch(75.87% 0.0278 135.78) 19.4%, oklch(74.17% 0.0312 144.12) 22.6%, oklch(72.38% 0.0353 151.41) 25.8%, oklch(70.54% 0.0396 157.61) 29.0%, oklch(68.71% 0.0432 162.62) 32.3%, oklch(66.91% 0.0458 166.30) 35.5%, oklch(65.08% 0.0482 168.44) 38.7%, oklch(63.23% 0.0503 169.42) 41.9%, oklch(61.39% 0.0518 169.62) 45.2%, oklch(59.56% 0.0524 169.42) 48.4%, oklch(57.76% 0.0519 169.42) 51.6%, oklch(55.91% 0.0500 170.39) 54.8%, oklch(54.06% 0.0472 171.20) 58.1%, oklch(52.28% 0.0441 170.45) 61.3%, oklch(50.62% 0.0413 166.73) 64.5%, oklch(49.12% 0.0393 158.54) 67.7%, oklch(47.71% 0.0365 144.37) 71.0%, oklch(46.40% 0.0334 126.25) 74.2%, oklch(45.23% 0.0315 106.91) 77.4%, oklch(44.28% 0.0322 89.09) 80.6%, oklch(43.61% 0.0370 75.46) 83.9%, oklch(43.30% 0.0480 65.26) 87.1%, oklch(43.28% 0.0636 57.03) 90.3%, oklch(43.43% 0.0806 50.50) 93.5%, oklch(43.61% 0.0958 45.40) 96.8%, oklch(43.70% 0.1061 41.44) 100.0%);

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

Gradient vintage Cúc châu Phi trong gió biển Gian bếp đồng đỏ vùng Alps

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