Xanh dương sang nâu vàng tông pastel (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #79a4bb, #add4e4, #d0f9f8, #c8d3a6, #cc8b78. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#79a4bb
#7ca8be
#81acc2
#87b1c6
#8db7cb
#95bed1
#9dc5d7
#a5ccdd
#add4e4
#b5dbea
#bce2ef
#c3e8f4
#c8eef8
#ccf2fa
#cff6fb
#d0f8fb
#d0f9f8
#cef8f2
#cbf5ea
#c8f1e0
#c6ebd3
#c6e5c4
#c6dcb5
#c8d3a6
#cac998
#cdbe8b
#ceb382
#cfa87b
#d09f78
#cf9676
#ce9077
#cc8b78

CSS

background: linear-gradient(135deg in oklch, oklch(69.69% 0.0579 231.33) 0.0%, oklch(70.71% 0.0572 230.39) 3.2%, oklch(72.11% 0.0561 229.64) 6.5%, oklch(73.80% 0.0548 229.00) 9.7%, oklch(75.74% 0.0533 228.39) 12.9%, oklch(77.85% 0.0516 227.73) 16.1%, oklch(80.08% 0.0499 226.95) 19.4%, oklch(82.37% 0.0481 225.97) 22.6%, oklch(84.65% 0.0464 224.71) 25.8%, oklch(86.86% 0.0448 223.09) 29.0%, oklch(88.94% 0.0434 221.04) 32.3%, oklch(90.82% 0.0422 218.48) 35.5%, oklch(92.46% 0.0413 215.34) 38.7%, oklch(93.77% 0.0407 211.52) 41.9%, oklch(94.71% 0.0406 206.97) 45.2%, oklch(95.21% 0.0410 201.59) 48.4%, oklch(95.21% 0.0419 195.22) 51.6%, oklch(94.71% 0.0434 187.33) 54.8%, oklch(93.77% 0.0455 178.04) 58.1%, oklch(92.46% 0.0481 167.59) 61.3%, oklch(90.82% 0.0510 156.22) 64.5%, oklch(88.94% 0.0543 144.15) 67.7%, oklch(86.86% 0.0578 131.63) 71.0%, oklch(84.65% 0.0614 118.88) 74.2%, oklch(82.37% 0.0651 106.13) 77.4%, oklch(80.08% 0.0688 93.64) 80.6%, oklch(77.85% 0.0723 81.62) 83.9%, oklch(75.74% 0.0757 70.31) 87.1%, oklch(73.80% 0.0788 59.95) 90.3%, oklch(72.11% 0.0815 50.77) 93.5%, oklch(70.71% 0.0837 43.00) 96.8%, oklch(69.69% 0.0854 36.89) 100.0%);

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

Gradient pastel

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