Xanh hải quân, xanh cổ vịt, xanh lá và hồng đào (gradient tuyến tính)

Bảng màu Xanh hải quân, xanh cổ vịt, xanh lá và hồng đào

Gradient tuyến tính, 32 màu, góc 135°: #0c3a60, #08858b, #43c9b4, #a2d3b2, #dda895. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0c3a60
#083f64
#034869
#00516e
#005c74
#006779
#02717f
#067b85
#08858b
#088f92
#0a9a98
#10a49e
#1aada3
#26b5a7
#30bcac
#39c3b0
#43c9b4
#4dceb6
#5ad2b7
#68d5b6
#78d6b5
#88d6b4
#96d5b3
#a2d3b2
#acd0b0
#b4ceac
#bccaa4
#c5c49a
#cebc93
#d6b490
#dbac91
#dda895

CSS

background: linear-gradient(135deg in oklch, oklch(33.86% 0.0827 248.91) 0.0%, oklch(35.62% 0.0829 244.51) 3.2%, oklch(38.04% 0.0829 238.29) 6.5%, oklch(40.92% 0.0825 231.02) 9.7%, oklch(44.04% 0.0822 223.33) 12.9%, oklch(47.21% 0.0839 216.02) 16.1%, oklch(50.22% 0.0863 209.79) 19.4%, oklch(53.08% 0.0894 204.94) 22.6%, oklch(56.07% 0.0940 200.71) 25.8%, oklch(59.11% 0.0993 196.98) 29.0%, oklch(62.10% 0.1047 193.63) 32.3%, oklch(64.94% 0.1096 190.57) 35.5%, oklch(67.55% 0.1134 187.69) 38.7%, oklch(69.87% 0.1156 185.04) 41.9%, oklch(72.03% 0.1175 183.13) 45.2%, oklch(74.02% 0.1187 181.65) 48.4%, oklch(75.83% 0.1190 180.20) 51.6%, oklch(77.44% 0.1181 178.42) 54.8%, oklch(78.82% 0.1155 175.90) 58.1%, oklch(79.95% 0.1107 172.42) 61.3%, oklch(80.86% 0.1023 168.96) 64.5%, oklch(81.54% 0.0914 165.33) 67.7%, oklch(82.01% 0.0795 160.96) 71.0%, oklch(82.28% 0.0684 155.30) 74.2%, oklch(82.35% 0.0595 147.78) 77.4%, oklch(82.24% 0.0545 137.80) 80.6%, oklch(81.77% 0.0535 123.46) 83.9%, oklch(80.97% 0.0553 105.62) 87.1%, oklch(79.99% 0.0588 86.35) 90.3%, oklch(79.00% 0.0629 67.73) 93.5%, oklch(78.13% 0.0667 51.83) 96.8%, oklch(77.56% 0.0689 40.73) 100.0%);

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

Gradient ven 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