Xanh dương, nâu vàng và xanh cổ vịt (gradient tuyến tính)

Xanh dương, nâu vàng và xanh cổ vịt: bảng màu gồm 40 màu. #2c9fce, #7bc187, #d6b871, #7ca269, #017681. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

40 màu, 3 keyframe OKLCH chỉnh sửa được.

#2c9fce
#24a2cc
#19a6c8
#0eaac4
#0aaebe
#17b3b6
#2bb7ae
#3fbaa5
#54bd9b
#68bf91
#7bc187
#8dc17f
#9ec178
#adc173
#b9c070
#c4be6f
#ccbd6f
#d2bc70
#d6bb71
#d7b972
#d6b871
#d3b670
#ceb46e
#c7b26b
#beb069
#b3ae67
#a7ab66
#99a866
#8ba567
#7ca269
#6c9e6c
#5d996f
#4d9573
#3e9076
#308b79
#23867c
#17817e
#0c7d7f
#047980
#017681

CSS

background: linear-gradient(225deg in oklch, oklch(66.14% 0.1199 230.62) 0.0%, oklch(66.57% 0.1192 226.24) 2.6%, oklch(67.16% 0.1184 220.58) 5.1%, oklch(67.88% 0.1174 213.79) 7.7%, oklch(68.71% 0.1163 206.06) 10.3%, oklch(69.64% 0.1152 197.53) 12.8%, oklch(70.63% 0.1139 188.38) 15.4%, oklch(71.67% 0.1126 178.77) 17.9%, oklch(72.73% 0.1112 168.86) 20.5%, oklch(73.79% 0.1098 158.82) 23.1%, oklch(74.84% 0.1083 148.81) 25.6%, oklch(75.84% 0.1069 139.01) 28.2%, oklch(76.78% 0.1054 129.56) 30.8%, oklch(77.63% 0.1040 120.64) 33.3%, oklch(78.37% 0.1026 112.42) 35.9%, oklch(78.99% 0.1013 105.05) 38.5%, oklch(79.45% 0.1001 98.70) 41.0%, oklch(79.73% 0.0989 93.54) 43.6%, oklch(79.82% 0.0978 89.73) 46.2%, oklch(79.68% 0.0969 87.44) 48.7%, oklch(79.31% 0.0961 86.80) 51.3%, oklch(78.66% 0.0953 87.80) 53.8%, oklch(77.76% 0.0946 90.25) 56.4%, oklch(76.64% 0.0939 94.02) 59.0%, oklch(75.33% 0.0933 98.94) 61.5%, oklch(73.85% 0.0928 104.87) 64.1%, oklch(72.24% 0.0923 111.64) 66.7%, oklch(70.51% 0.0918 119.11) 69.2%, oklch(68.71% 0.0914 127.11) 71.8%, oklch(66.86% 0.0910 135.49) 74.4%, oklch(64.98% 0.0906 144.11) 76.9%, oklch(63.10% 0.0902 152.79) 79.5%, oklch(61.25% 0.0899 161.39) 82.1%, oklch(59.47% 0.0896 169.76) 84.6%, oklch(57.77% 0.0894 177.73) 87.2%, oklch(56.19% 0.0891 185.16) 89.7%, oklch(54.75% 0.0889 191.89) 92.3%, oklch(53.48% 0.0886 197.76) 94.9%, oklch(52.41% 0.0884 202.62) 97.4%, oklch(51.57% 0.0882 206.32) 100.0%);

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

Gradient bãi biển

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