Cầu vồng từ xanh dương sang tím tông pastel (gradient hình nón)

Bảng màu Cầu vồng từ xanh dương sang tím tông pastel

Gradient hình nón, 32 màu, góc 45°: #536c82, #69ab98, #dad7a4, #dbafa6, #716f97. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#536c82
#527185
#50778a
#4e7f8f
#4d8892
#4e9194
#549994
#5da296
#69ab98
#78b59b
#87be9e
#97c6a1
#a6cca3
#b4d1a3
#c1d4a3
#ced6a3
#dad7a4
#e3d6a5
#ead4a6
#eecfa7
#edc9a8
#eac1a8
#e3b8a7
#dbafa6
#d2a6a4
#c89ea4
#bc94a3
#ae8aa2
#9d81a0
#8c799e
#7c739b
#716f97

CSS

background: conic-gradient(from 45deg in oklch, oklch(51.97% 0.0455 243.98) 0.0%, oklch(53.19% 0.0485 238.05) 3.2%, oklch(54.82% 0.0530 229.80) 6.5%, oklch(56.78% 0.0581 220.05) 9.7%, oklch(58.97% 0.0633 209.58) 12.9%, oklch(61.30% 0.0679 199.20) 16.1%, oklch(63.70% 0.0712 189.70) 19.4%, oklch(66.24% 0.0729 181.43) 22.6%, oklch(69.17% 0.0734 173.70) 25.8%, oklch(72.29% 0.0732 166.23) 29.0%, oklch(75.39% 0.0725 158.77) 32.3%, oklch(78.26% 0.0715 151.05) 35.5%, oklch(80.69% 0.0706 142.85) 38.7%, oklch(82.60% 0.0698 133.96) 41.9%, oklch(84.30% 0.0690 124.58) 45.2%, oklch(85.74% 0.0681 114.83) 48.4%, oklch(86.84% 0.0669 104.80) 51.6%, oklch(87.50% 0.0657 94.58) 54.8%, oklch(87.62% 0.0643 84.27) 58.1%, oklch(87.11% 0.0627 73.97) 61.3%, oklch(85.86% 0.0605 63.77) 64.5%, oklch(84.00% 0.0579 53.56) 67.7%, oklch(81.71% 0.0553 43.15) 71.0%, oklch(79.15% 0.0530 32.38) 74.2%, oklch(76.49% 0.0515 21.06) 77.4%, oklch(73.89% 0.0510 8.98) 80.6%, oklch(70.90% 0.0518 354.84) 83.9%, oklch(67.50% 0.0536 339.05) 87.1%, oklch(64.00% 0.0560 322.95) 90.3%, oklch(60.70% 0.0584 307.85) 93.5%, oklch(57.90% 0.0606 295.06) 96.8%, oklch(55.91% 0.0620 285.90) 100.0%);

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

Mưa xuân Nam bán cầu

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