Xanh dương sang xanh cổ vịt (tương đồng) tông pastel (gradient tuyến tính)

Bảng màu Xanh dương sang xanh cổ vịt (tương đồng) tông pastel

Gradient tuyến tính, 32 màu, góc 90°: #d8f4e0, #c1e9d0, #a5dcbd, #8dcfaf, #77c3a3. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#d8f4e0
#d6f3df
#d4f2dd
#d1f1db
#cff0d9
#cceed7
#c8edd5
#c5ebd2
#c1e9d0
#bee8cd
#bae6cb
#b6e4c8
#b2e2c6
#afe1c4
#abdfc1
#a8ddbf
#a5dcbd
#a1dabb
#9ed8b9
#9bd7b7
#97d5b5
#94d3b3
#90d1b1
#8dcfaf
#8acdad
#86cbab
#83caaa
#80c8a8
#7ec7a6
#7bc5a5
#79c4a4
#77c3a3

CSS

background: linear-gradient(90deg in oklch, oklch(94.09% 0.0400 154.69) 0.0%, oklch(93.77% 0.0411 154.88) 3.2%, oklch(93.37% 0.0425 155.11) 6.5%, oklch(92.91% 0.0441 155.38) 9.7%, oklch(92.40% 0.0459 155.68) 12.9%, oklch(91.84% 0.0479 156.00) 16.1%, oklch(91.25% 0.0500 156.35) 19.4%, oklch(90.62% 0.0522 156.71) 22.6%, oklch(89.97% 0.0545 157.10) 25.8%, oklch(89.30% 0.0568 157.49) 29.0%, oklch(88.62% 0.0591 157.88) 32.3%, oklch(87.94% 0.0614 158.28) 35.5%, oklch(87.26% 0.0636 158.67) 38.7%, oklch(86.60% 0.0657 159.06) 41.9%, oklch(85.95% 0.0676 159.44) 45.2%, oklch(85.34% 0.0694 159.80) 48.4%, oklch(84.74% 0.0711 160.14) 51.6%, oklch(84.12% 0.0727 160.50) 54.8%, oklch(83.48% 0.0742 160.88) 58.1%, oklch(82.82% 0.0758 161.27) 61.3%, oklch(82.14% 0.0773 161.66) 64.5%, oklch(81.46% 0.0787 162.06) 67.7%, oklch(80.78% 0.0801 162.46) 71.0%, oklch(80.11% 0.0815 162.85) 74.2%, oklch(79.46% 0.0828 163.23) 77.4%, oklch(78.83% 0.0840 163.59) 80.6%, oklch(78.24% 0.0852 163.94) 83.9%, oklch(77.68% 0.0862 164.27) 87.1%, oklch(77.17% 0.0872 164.56) 90.3%, oklch(76.71% 0.0881 164.83) 93.5%, oklch(76.31% 0.0889 165.06) 96.8%, oklch(75.98% 0.0896 165.25) 100.0%);

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

Gradient xanh lá đơn sắc Sọc màu dịu nhẹ Sọc màu ngả xám Sọc màu 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