Xanh dương, xanh cổ vịt và xanh lá nhạt (ba tông) (gradient tuyến tính)

Bảng màu Xanh dương, xanh cổ vịt và xanh lá nhạt (ba tông)

Gradient tuyến tính, 32 màu, góc 45°: #2758c3, #17c8a3, #e6e99c, #70b1a3, #494f6b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#2758c3
#0a62c6
#0070bb
#007db5
#008bb2
#009ab1
#00a9b0
#00b9ac
#17c8a3
#5fd299
#88da91
#a9df8d
#c3e48d
#d6e790
#e2e995
#e7ea99
#e6e99c
#dee79e
#d1e39f
#c0dda0
#acd4a2
#96caa3
#82bea4
#70b1a3
#62a2a1
#59939d
#538496
#50768d
#4e6984
#4c5e7a
#4b5572
#494f6b

CSS

background: linear-gradient(45deg in oklch, oklch(49.21% 0.1764 262.97) 0.0%, oklch(50.93% 0.1736 256.79) 3.2%, oklch(53.28% 0.1448 248.40) 6.5%, oklch(56.14% 0.1248 238.15) 9.7%, oklch(59.41% 0.1141 226.44) 12.9%, oklch(62.99% 0.1105 213.64) 16.1%, oklch(66.76% 0.1135 200.14) 19.4%, oklch(70.62% 0.1237 186.33) 22.6%, oklch(74.45% 0.1404 172.57) 25.8%, oklch(78.16% 0.1347 159.26) 29.0%, oklch(81.63% 0.1289 146.77) 32.3%, oklch(84.77% 0.1232 135.48) 35.5%, oklch(87.45% 0.1177 125.77) 38.7%, oklch(89.57% 0.1124 118.02) 41.9%, oklch(91.03% 0.1074 112.62) 45.2%, oklch(91.71% 0.1027 109.94) 48.4%, oklch(91.52% 0.0985 110.35) 51.6%, oklch(90.43% 0.0943 113.90) 54.8%, oklch(88.55% 0.0901 120.21) 58.1%, oklch(86.00% 0.0859 128.88) 61.3%, oklch(82.87% 0.0818 139.54) 64.5%, oklch(79.30% 0.0777 151.78) 67.7%, oklch(75.38% 0.0738 165.22) 71.0%, oklch(71.24% 0.0699 179.48) 74.2%, oklch(66.97% 0.0662 194.14) 77.4%, oklch(62.71% 0.0627 208.83) 80.6%, oklch(58.55% 0.0594 223.16) 83.9%, oklch(54.61% 0.0564 236.73) 87.1%, oklch(51.01% 0.0535 249.16) 90.3%, oklch(47.84% 0.0510 260.05) 93.5%, oklch(45.24% 0.0488 269.01) 96.8%, oklch(43.31% 0.0469 275.65) 100.0%);

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

Trà hoa cúc và đồ sứ

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