Xanh dương nhạt, xanh dương, nâu và cam (gradient hình nón)

Bảng màu Xanh dương nhạt, xanh dương, nâu và cam

Gradient hình nón, 32 màu, góc 270°: #55b2e6, #1662a6, #2d2b45, #914528, #ee7d28. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#55b2e6
#4eabe1
#46a2da
#3c97d2
#338bc9
#2b80c0
#2576b8
#1d6caf
#1662a6
#14589d
#174f92
#1b4785
#1d3f75
#1f3863
#223154
#262d49
#2d2b45
#382c44
#462e43
#56323f
#643839
#713d33
#7f422e
#914528
#a44824
#b64a22
#c44f1d
#d05819
#da621b
#e26d1f
#e97625
#ee7d28

CSS

background: conic-gradient(from 270deg in oklch, oklch(72.83% 0.1157 235.55) 0.0%, oklch(70.83% 0.1174 236.93) 3.2%, oklch(68.01% 0.1199 238.87) 6.5%, oklch(64.70% 0.1227 241.14) 9.7%, oklch(61.25% 0.1251 243.52) 12.9%, oklch(57.98% 0.1266 245.77) 16.1%, oklch(54.97% 0.1277 247.70) 19.4%, oklch(51.89% 0.1293 249.43) 22.6%, oklch(48.82% 0.1301 251.19) 25.8%, oklch(45.84% 0.1291 253.20) 29.0%, oklch(43.02% 0.1249 255.70) 32.3%, oklch(40.26% 0.1158 258.24) 35.5%, oklch(37.25% 0.1004 259.55) 38.7%, oklch(34.34% 0.0823 261.16) 41.9%, oklch(31.97% 0.0649 264.80) 45.2%, oklch(30.54% 0.0519 272.18) 48.4%, oklch(30.46% 0.0463 285.43) 51.6%, oklch(31.70% 0.0456 306.43) 54.8%, oklch(33.89% 0.0486 331.72) 58.1%, oklch(36.63% 0.0548 357.17) 61.3%, oklch(39.52% 0.0634 18.67) 64.5%, oklch(42.23% 0.0743 32.33) 67.7%, oklch(45.13% 0.0907 38.83) 71.0%, oklch(48.26% 0.1108 40.77) 74.2%, oklch(51.48% 0.1315 40.31) 77.4%, oklch(54.63% 0.1494 39.61) 80.6%, oklch(57.56% 0.1613 40.78) 83.9%, oklch(60.53% 0.1669 43.25) 87.1%, oklch(63.55% 0.1684 45.87) 90.3%, oklch(66.37% 0.1675 48.37) 93.5%, oklch(68.76% 0.1659 50.51) 96.8%, oklch(70.47% 0.1654 52.02) 100.0%);

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

Gradient cam và xanh dươ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