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

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

Gradient tuyến tính, 32 màu, góc 180°: #0f3f46, #29788c, #5daccf, #a2d2f4, #f9f7ff. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0f3f46
#10434b
#124952
#15505b
#185864
#1c606e
#206979
#247183
#29788c
#2e7f95
#33869d
#388ca6
#3e93af
#4599b8
#4ca0c0
#54a6c8
#5daccf
#65b2d5
#6eb8db
#78bee0
#81c3e5
#8cc8ea
#96cdef
#a2d2f4
#aed7f8
#bddbfc
#cbe0fe
#d9e5ff
#e5eaff
#eeefff
#f4f3ff
#f9f7ff

CSS

background: linear-gradient(180deg in oklch, oklch(33.86% 0.0510 210.23) 0.0%, oklch(35.39% 0.0534 210.80) 3.2%, oklch(37.44% 0.0568 211.54) 6.5%, oklch(39.89% 0.0608 212.41) 9.7%, oklch(42.60% 0.0651 213.40) 12.9%, oklch(45.43% 0.0696 214.47) 16.1%, oklch(48.25% 0.0738 215.60) 19.4%, oklch(50.92% 0.0776 216.76) 22.6%, oklch(53.33% 0.0806 217.92) 25.8%, oklch(55.62% 0.0834 219.14) 29.0%, oklch(57.87% 0.0862 220.44) 32.3%, oklch(60.09% 0.0888 221.79) 35.5%, oklch(62.28% 0.0910 223.18) 38.7%, oklch(64.44% 0.0927 224.60) 41.9%, oklch(66.56% 0.0938 226.04) 45.2%, oklch(68.65% 0.0940 227.48) 48.4%, oklch(70.71% 0.0932 228.83) 51.6%, oklch(72.73% 0.0916 229.73) 54.8%, oklch(74.71% 0.0893 230.34) 58.1%, oklch(76.66% 0.0863 230.95) 61.3%, oklch(78.58% 0.0827 231.83) 64.5%, oklch(80.48% 0.0785 233.25) 67.7%, oklch(82.34% 0.0739 235.48) 71.0%, oklch(84.19% 0.0688 238.79) 74.2%, oklch(86.06% 0.0630 243.66) 77.4%, oklch(88.04% 0.0557 250.38) 80.6%, oklch(90.06% 0.0474 258.35) 83.9%, oklch(92.03% 0.0380 266.93) 87.1%, oklch(93.90% 0.0292 275.50) 90.3%, oklch(95.57% 0.0217 283.42) 93.5%, oklch(96.97% 0.0153 290.06) 96.8%, oklch(98.03% 0.0103 294.79) 100.0%);

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

Gradient xanh lơ

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