Xanh dương, hồng và vàng tông pastel (gradient tuyến tính)

Bảng màu Xanh dương, hồng và vàng tông pastel

Gradient tuyến tính, 32 màu, góc 90°: #d7f2fc, #b3e2f7, #85cbef, #9eadd4, #ffce5c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#d7f2fc
#d4f1fc
#d0f0fb
#cceefb
#c7ecfa
#c3e9fa
#bee7f9
#b8e4f8
#b3e2f7
#addff5
#a9dcf3
#a4d9f1
#9fd6ef
#99d4ed
#93d1ec
#8cceed
#85cbef
#81c7ef
#7fc3ec
#7ec0e4
#7fbcda
#84b7d2
#8cb3d1
#9eadd4
#baa7ce
#d3a4b9
#dfa79f
#e5ae8d
#edb77e
#f6bf6d
#ffc75b
#ffce5c

CSS

background: linear-gradient(90deg in oklch, oklch(94.49% 0.0317 220.78) 0.0%, oklch(94.08% 0.0336 221.49) 3.2%, oklch(93.50% 0.0363 222.52) 6.5%, oklch(92.81% 0.0395 223.65) 9.7%, oklch(92.06% 0.0427 224.66) 12.9%, oklch(91.28% 0.0459 225.40) 16.1%, oklch(90.44% 0.0494 226.00) 19.4%, oklch(89.53% 0.0530 226.49) 22.6%, oklch(88.60% 0.0565 226.88) 25.8%, oklch(87.66% 0.0597 227.15) 29.0%, oklch(86.71% 0.0622 227.06) 32.3%, oklch(85.73% 0.0643 226.75) 35.5%, oklch(84.73% 0.0665 226.57) 38.7%, oklch(83.74% 0.0693 226.89) 41.9%, oklch(82.77% 0.0736 227.99) 45.2%, oklch(81.79% 0.0799 229.73) 48.4%, oklch(80.81% 0.0862 231.84) 51.6%, oklch(79.83% 0.0904 234.06) 54.8%, oklch(78.84% 0.0903 235.87) 58.1%, oklch(77.63% 0.0846 233.80) 61.3%, oklch(76.37% 0.0756 230.82) 64.5%, oklch(75.33% 0.0667 232.02) 67.7%, oklch(74.82% 0.0610 242.53) 71.0%, oklch(74.97% 0.0593 268.14) 74.2%, oklch(75.63% 0.0594 306.96) 77.4%, oklch(76.66% 0.0619 349.89) 80.6%, oklch(77.94% 0.0678 27.75) 83.9%, oklch(79.43% 0.0784 52.46) 87.1%, oklch(81.49% 0.0966 67.33) 90.3%, oklch(83.81% 0.1185 76.15) 93.5%, oklch(85.94% 0.1390 81.48) 96.8%, oklch(87.40% 0.1414 85.87) 100.0%);

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

Gradient bình minh

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