Xanh hải quân, xanh cổ vịt, xanh lá và xanh dương (gradient hình nón)

Bảng màu Xanh hải quân, xanh cổ vịt, xanh lá và xanh dương

Gradient hình nón, 32 màu, góc 315°: #1a3956, #138084, #6dc086, #a9c99b, #2a536f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#1a3956
#1a3f5c
#194864
#17526c
#145c74
#11667a
#0f6e7e
#107782
#138084
#178887
#189188
#1b9a88
#25a386
#35ab85
#48b284
#5bba84
#6dc086
#7dc689
#8cca8b
#9dce8e
#acd193
#b6d398
#b5d09b
#a9c99b
#93bd98
#7bae93
#649d8e
#538e8a
#427e84
#346d7d
#2d5e76
#2a536f

CSS

background: conic-gradient(from 315deg in oklch, oklch(33.46% 0.0634 248.91) 0.0%, oklch(35.42% 0.0658 244.77) 3.2%, oklch(38.21% 0.0693 238.89) 6.5%, oklch(41.39% 0.0732 232.10) 9.7%, oklch(44.48% 0.0771 225.24) 12.9%, oklch(47.15% 0.0803 218.91) 16.1%, oklch(49.68% 0.0830 212.52) 19.4%, oklch(52.16% 0.0856 206.03) 22.6%, oklch(54.60% 0.0888 199.51) 25.8%, oklch(57.04% 0.0930 193.03) 29.0%, oklch(59.47% 0.0994 186.38) 32.3%, oklch(61.89% 0.1070 179.64) 35.5%, oklch(64.28% 0.1142 173.09) 38.7%, oklch(66.65% 0.1191 167.03) 41.9%, oklch(69.06% 0.1207 161.65) 45.2%, oklch(71.57% 0.1199 156.79) 48.4%, oklch(74.02% 0.1174 152.34) 51.6%, oklch(76.23% 0.1135 148.19) 54.8%, oklch(78.07% 0.1087 144.11) 58.1%, oklch(80.06% 0.1018 138.64) 61.3%, oklch(81.90% 0.0933 133.03) 64.5%, oklch(82.93% 0.0849 129.43) 67.7%, oklch(82.50% 0.0780 130.00) 71.0%, oklch(80.02% 0.0730 136.44) 74.2%, oklch(75.77% 0.0692 147.66) 77.4%, oklch(70.60% 0.0663 161.50) 80.6%, oklch(65.33% 0.0642 175.82) 83.9%, oklch(60.59% 0.0630 189.05) 87.1%, oklch(55.44% 0.0631 203.79) 90.3%, oklch(50.25% 0.0642 218.91) 93.5%, oklch(45.70% 0.0654 232.21) 96.8%, oklch(42.52% 0.0661 241.51) 100.0%);

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

Bầu trời

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