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 135°: #71a38c, #7eb5b4, #a6ebfa, #d1ffff, #f0feff. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#71a38c
#72a48e
#73a491
#75a594
#76a798
#78a99c
#7aaca2
#7cb0aa
#7eb5b4
#82bbbf
#86c1cb
#8bc7d7
#91cde1
#97d4e9
#9cdbf0
#a1e3f6
#a6ebfa
#abf3fe
#b6f8ff
#c1fbff
#c9fcff
#cdfeff
#cfffff
#d1ffff
#d5fffe
#d9fffe
#defffe
#e3ffff
#e6ffff
#ebffff
#eeffff
#f0feff

CSS

background: linear-gradient(135deg in oklch, oklch(67.32% 0.0634 163.83) 0.0%, oklch(67.61% 0.0623 165.48) 3.2%, oklch(67.93% 0.0606 167.55) 6.5%, oklch(68.33% 0.0587 170.09) 9.7%, oklch(68.88% 0.0569 173.13) 12.9%, oklch(69.63% 0.0555 176.71) 16.1%, oklch(70.63% 0.0551 180.89) 19.4%, oklch(71.95% 0.0558 186.22) 22.6%, oklch(73.58% 0.0575 193.31) 25.8%, oklch(75.44% 0.0599 201.21) 29.0%, oklch(77.45% 0.0625 208.94) 32.3%, oklch(79.50% 0.0650 215.51) 35.5%, oklch(81.51% 0.0670 219.94) 38.7%, oklch(83.47% 0.0683 221.37) 41.9%, oklch(85.61% 0.0697 220.07) 45.2%, oklch(87.83% 0.0710 216.91) 48.4%, oklch(90.00% 0.0720 212.70) 51.6%, oklch(91.99% 0.0722 208.30) 54.8%, oklch(93.68% 0.0665 204.52) 58.1%, oklch(94.93% 0.0581 202.07) 61.3%, oklch(95.77% 0.0524 200.09) 64.5%, oklch(96.30% 0.0496 198.32) 67.7%, oklch(96.61% 0.0488 196.81) 71.0%, oklch(96.81% 0.0466 195.66) 74.2%, oklch(97.01% 0.0433 194.84) 77.4%, oklch(97.31% 0.0387 194.46) 80.6%, oklch(97.64% 0.0338 194.74) 83.9%, oklch(97.95% 0.0294 195.58) 87.1%, oklch(98.23% 0.0255 196.74) 90.3%, oklch(98.47% 0.0207 197.92) 93.5%, oklch(98.67% 0.0172 199.01) 96.8%, oklch(98.82% 0.0147 199.70) 100.0%);

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

Gradient pastel mùa xuân Sọc màu bãi biển Bảng màu chế độ sáng

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