Xanh dương, xanh cổ vịt và xám (tương đồng) (gradient hình nón)

Bảng màu Xanh dương, xanh cổ vịt và xám (tương đồng)

Gradient hình nón, 32 màu, góc 210°: #3f6084, #53829a, #699aa0, #779c9a, #758b8a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#3f6084
#406386
#426688
#446a8b
#476f8e
#497492
#4c7995
#507e98
#53829a
#56879c
#598a9e
#5c8d9f
#5e90a0
#6193a0
#6496a1
#6698a1
#699aa0
#6c9ca0
#6f9d9f
#719e9f
#739e9e
#759e9d
#769d9c
#779c9a
#779a98
#779796
#779594
#769291
#76908f
#758e8d
#758c8b
#758b8a

CSS

background: conic-gradient(from 210deg in oklch, oklch(48.03% 0.0703 251.72) 0.0%, oklch(48.81% 0.0697 250.15) 3.2%, oklch(49.84% 0.0691 248.16) 6.5%, oklch(51.07% 0.0683 245.81) 9.7%, oklch(52.44% 0.0675 243.18) 12.9%, oklch(53.91% 0.0666 240.32) 16.1%, oklch(55.41% 0.0656 237.32) 19.4%, oklch(56.90% 0.0645 234.23) 22.6%, oklch(58.31% 0.0634 231.13) 25.8%, oklch(59.60% 0.0622 228.09) 29.0%, oklch(60.71% 0.0610 225.18) 32.3%, oklch(61.63% 0.0598 222.34) 35.5%, oklch(62.50% 0.0586 219.27) 38.7%, oklch(63.32% 0.0572 216.03) 41.9%, oklch(64.09% 0.0559 212.70) 45.2%, oklch(64.79% 0.0545 209.37) 48.4%, oklch(65.41% 0.0530 206.13) 51.6%, oklch(65.94% 0.0515 203.05) 54.8%, oklch(66.36% 0.0499 200.24) 58.1%, oklch(66.68% 0.0483 197.77) 61.3%, oklch(66.87% 0.0466 195.73) 64.5%, oklch(66.93% 0.0449 194.21) 67.7%, oklch(66.77% 0.0429 193.21) 71.0%, oklch(66.42% 0.0408 192.65) 74.2%, oklch(65.91% 0.0385 192.46) 77.4%, oklch(65.30% 0.0361 192.56) 80.6%, oklch(64.62% 0.0338 192.87) 83.9%, oklch(63.93% 0.0316 193.30) 87.1%, oklch(63.25% 0.0295 193.77) 90.3%, oklch(62.65% 0.0276 194.21) 93.5%, oklch(62.15% 0.0260 194.53) 96.8%, oklch(61.81% 0.0248 194.65) 100.0%);

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

Gradient nền Zoom

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