Đỏ, xám và xanh cổ vịt (bổ túc) (gradient tuyến tính)

Bảng màu Đỏ, xám và xanh cổ vịt (bổ túc)

Gradient tuyến tính, 32 màu, góc 90°: #d14024, #cd724f, #a69e86, #73a89f, #408f90. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#d14024
#d14526
#d24a2a
#d2512f
#d35834
#d25e39
#d1653f
#cf6b47
#cd724f
#ca7856
#c67f5c
#c28562
#bc8b69
#b69172
#b0967a
#ab9a81
#a69e86
#a0a189
#99a48c
#90a691
#88a897
#81a89c
#7aa89e
#73a89f
#6ba79f
#63a59e
#5ca39d
#55a09b
#4f9b99
#499695
#449292
#408f90

CSS

background: linear-gradient(90deg in oklch, oklch(57.87% 0.1860 33.05) 0.0%, oklch(58.44% 0.1823 33.67) 3.2%, oklch(59.24% 0.1772 34.51) 6.5%, oklch(60.17% 0.1710 35.55) 9.7%, oklch(61.14% 0.1638 36.75) 12.9%, oklch(62.06% 0.1557 38.09) 16.1%, oklch(62.92% 0.1467 39.33) 19.4%, oklch(63.79% 0.1363 40.28) 22.6%, oklch(64.66% 0.1250 41.44) 25.8%, oklch(65.50% 0.1133 43.33) 29.0%, oklch(66.29% 0.1016 46.44) 32.3%, oklch(67.02% 0.0897 50.92) 35.5%, oklch(67.74% 0.0762 56.03) 38.7%, oklch(68.41% 0.0624 62.14) 41.9%, oklch(69.01% 0.0499 69.71) 45.2%, oklch(69.49% 0.0404 79.21) 48.4%, oklch(69.85% 0.0352 91.48) 51.6%, oklch(70.11% 0.0340 108.15) 54.8%, oklch(70.27% 0.0357 127.20) 58.1%, oklch(70.31% 0.0391 146.11) 61.3%, oklch(70.22% 0.0430 162.34) 64.5%, oklch(69.98% 0.0467 173.51) 67.7%, oklch(69.61% 0.0515 180.13) 71.0%, oklch(69.10% 0.0572 183.72) 74.2%, oklch(68.45% 0.0632 185.54) 77.4%, oklch(67.68% 0.0684 186.83) 80.6%, oklch(66.76% 0.0721 188.79) 83.9%, oklch(65.53% 0.0744 190.92) 87.1%, oklch(64.03% 0.0757 192.62) 90.3%, oklch(62.50% 0.0764 193.95) 93.5%, oklch(61.16% 0.0768 194.98) 96.8%, oklch(60.24% 0.0772 195.79) 100.0%);

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

Thu hoạch đầm nam việt quất

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