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

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

Gradient tuyến tính, 32 màu, góc 135°: #0693e9, #2db0d0, #63cfb4, #81dcb0, #84d1c2. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0693e9
#0095e7
#0099e4
#009ce1
#0aa0de
#16a4da
#20a8d6
#28acd3
#2db0d0
#31b4cd
#35b9c9
#3abdc6
#41c2c2
#49c6be
#52caba
#5bcdb6
#63cfb4
#69d2b2
#6fd4b0
#74d7af
#78d9af
#7cdaaf
#7fdcaf
#81dcb0
#82dcb1
#82dcb4
#82dab7
#82d8ba
#82d6bd
#82d4c0
#83d3c1
#84d1c2

CSS

background: linear-gradient(135deg in oklch, oklch(64.17% 0.1640 246.09) 0.0%, oklch(64.63% 0.1598 244.11) 3.2%, oklch(65.23% 0.1536 241.58) 6.5%, oklch(65.94% 0.1475 238.56) 9.7%, oklch(66.74% 0.1401 235.14) 12.9%, oklch(67.60% 0.1328 231.37) 16.1%, oklch(68.50% 0.1260 227.31) 19.4%, oklch(69.40% 0.1203 223.01) 22.6%, oklch(70.30% 0.1163 218.52) 25.8%, oklch(71.27% 0.1135 213.33) 29.0%, oklch(72.32% 0.1117 207.48) 32.3%, oklch(73.40% 0.1105 201.24) 35.5%, oklch(74.50% 0.1099 194.92) 38.7%, oklch(75.58% 0.1096 188.81) 41.9%, oklch(76.60% 0.1094 183.19) 45.2%, oklch(77.53% 0.1091 178.37) 48.4%, oklch(78.36% 0.1087 174.52) 51.6%, oklch(79.17% 0.1088 171.18) 54.8%, oklch(79.95% 0.1093 168.27) 58.1%, oklch(80.67% 0.1099 165.84) 61.3%, oklch(81.33% 0.1105 163.91) 64.5%, oklch(81.89% 0.1107 162.52) 67.7%, oklch(82.33% 0.1104 161.71) 71.0%, oklch(82.63% 0.1093 161.51) 74.2%, oklch(82.74% 0.1071 162.14) 77.4%, oklch(82.65% 0.1037 163.94) 80.6%, oklch(82.39% 0.0996 166.58) 83.9%, oklch(82.04% 0.0950 169.73) 87.1%, oklch(81.63% 0.0903 173.04) 90.3%, oklch(81.24% 0.0860 176.18) 93.5%, oklch(80.91% 0.0824 178.81) 96.8%, oklch(80.71% 0.0799 180.58) 100.0%);

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

Gradient đại dương Gradient bãi biển Gradient ven biển Bảng màu xanh bạc hà

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