Xanh dương, tím oải hương, hồng và hồng đào (gradient tuyến tính)

Bảng màu Xanh dương, tím oải hương, hồng và hồng đào

Gradient tuyến tính, 32 màu, góc 90°: #7a74d8, #9f8de5, #d19edd, #efa7c3, #f5c38f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#7a74d8
#7d76d9
#8079db
#847cdd
#8980df
#8e84e1
#9387e3
#998be4
#9f8de5
#a590e6
#ac92e6
#b294e5
#b996e4
#bf98e3
#c69ae1
#cc9cdf
#d19edd
#d69fdb
#dba0d8
#dfa2d5
#e3a3d1
#e7a4cd
#eba6c9
#efa7c3
#f3a9bd
#f7acb5
#faafac
#fcb3a3
#fbb79b
#fabc95
#f7c091
#f5c38f

CSS

background: linear-gradient(90deg in oklch, oklch(61.02% 0.1488 284.06) 0.0%, oklch(61.69% 0.1472 284.52) 3.2%, oklch(62.60% 0.1450 284.98) 6.5%, oklch(63.68% 0.1424 285.51) 9.7%, oklch(64.87% 0.1395 286.21) 12.9%, oklch(66.11% 0.1364 287.13) 16.1%, oklch(67.34% 0.1333 288.36) 19.4%, oklch(68.50% 0.1303 289.96) 22.6%, oklch(69.54% 0.1275 292.02) 25.8%, oklch(70.53% 0.1246 294.51) 29.0%, oklch(71.52% 0.1216 297.39) 32.3%, oklch(72.49% 0.1186 300.60) 35.5%, oklch(73.43% 0.1157 304.09) 38.7%, oklch(74.34% 0.1128 307.83) 41.9%, oklch(75.20% 0.1100 311.75) 45.2%, oklch(76.00% 0.1073 315.81) 48.4%, oklch(76.74% 0.1049 319.94) 51.6%, oklch(77.39% 0.1025 324.00) 54.8%, oklch(77.98% 0.1003 328.10) 58.1%, oklch(78.52% 0.0981 332.38) 61.3%, oklch(79.03% 0.0961 336.98) 64.5%, oklch(79.53% 0.0942 342.06) 67.7%, oklch(80.04% 0.0926 347.74) 71.0%, oklch(80.57% 0.0912 354.18) 74.2%, oklch(81.15% 0.0902 1.84) 77.4%, oklch(81.77% 0.0894 11.28) 80.6%, oklch(82.42% 0.0889 21.84) 83.9%, oklch(83.07% 0.0886 32.85) 87.1%, oklch(83.68% 0.0885 43.64) 90.3%, oklch(84.23% 0.0884 53.51) 93.5%, oklch(84.69% 0.0883 61.78) 96.8%, oklch(85.04% 0.0882 67.78) 100.0%);

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

Gradient mùa hè Gradient retro

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