Xanh hải quân, tím, đỏ và cam (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 45°: #22416d, #467ca5, #ae61a2, #cb6100, #e48645. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#22416d
#244571
#274b76
#2a527d
#2e5b84
#33648c
#396c94
#3f759d
#467ca5
#4d81ae
#5585b6
#5f85bd
#6c82c2
#7c7cc4
#8d74c0
#9f6ab5
#ae61a2
#bb588a
#c3526f
#c75054
#c8523a
#c95624
#ca5b0e
#cb6100
#cd6700
#d16c07
#d47119
#d87627
#dc7b32
#e07f3b
#e28341
#e48645

CSS

background: linear-gradient(45deg in oklch, oklch(37.40% 0.0841 257.34) 0.0%, oklch(38.84% 0.0843 256.40) 3.2%, oklch(40.81% 0.0843 254.36) 6.5%, oklch(43.19% 0.0841 251.64) 9.7%, oklch(45.84% 0.0840 248.69) 12.9%, oklch(48.64% 0.0840 245.93) 16.1%, oklch(51.46% 0.0843 243.79) 19.4%, oklch(54.15% 0.0851 242.69) 22.6%, oklch(56.60% 0.0864 243.06) 25.8%, oklch(58.68% 0.0884 245.33) 29.0%, oklch(60.24% 0.0912 249.93) 32.3%, oklch(61.20% 0.0951 257.50) 35.5%, oklch(61.64% 0.1006 268.57) 38.7%, oklch(61.65% 0.1074 282.45) 41.9%, oklch(61.36% 0.1149 298.35) 45.2%, oklch(60.85% 0.1230 315.51) 48.4%, oklch(60.24% 0.1311 333.14) 51.6%, oklch(59.63% 0.1389 350.48) 54.8%, oklch(59.12% 0.1459 6.74) 58.1%, oklch(58.82% 0.1519 21.15) 61.3%, oklch(58.83% 0.1565 32.93) 64.5%, oklch(59.24% 0.1591 41.41) 67.7%, oklch(60.01% 0.1601 47.34) 71.0%, oklch(61.05% 0.1585 51.31) 74.2%, oklch(62.29% 0.1567 53.69) 77.4%, oklch(63.66% 0.1560 54.82) 80.6%, oklch(65.10% 0.1531 54.97) 83.9%, oklch(66.54% 0.1500 54.48) 87.1%, oklch(67.90% 0.1470 53.68) 90.3%, oklch(69.12% 0.1442 52.90) 93.5%, oklch(70.13% 0.1419 52.46) 96.8%, oklch(70.87% 0.1406 52.69) 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