Xám, xanh cổ vịt, xanh dương và tím (gradient tuyến tính)

Bảng màu Xám, xanh cổ vịt, xanh dương và tím

Gradient tuyến tính, 32 màu, góc 225°: #d2c0a2, #038095, #835f7c, #385eb8, #5883c7. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#d2c0a2
#c8bb97
#b7b48a
#9fac7e
#81a478
#5d9c7a
#379382
#0e898c
#038095
#28779c
#456f9e
#5c699b
#6c6593
#77638a
#7e6283
#82617e
#835f7c
#835c7e
#805986
#795691
#6e559e
#5e57aa
#4a5ab3
#385eb8
#2d62bb
#2a67bd
#2e6cc0
#3772c2
#4277c4
#4c7cc5
#5480c6
#5883c7

CSS

background: linear-gradient(225deg in oklch, oklch(81.50% 0.0455 79.45) 0.0%, oklch(79.24% 0.0502 90.01) 3.2%, oklch(76.04% 0.0572 104.17) 6.5%, oklch(72.22% 0.0656 121.04) 9.7%, oklch(68.11% 0.0744 139.71) 12.9%, oklch(64.01% 0.0828 159.30) 16.1%, oklch(60.27% 0.0899 178.89) 19.4%, oklch(57.19% 0.0948 197.59) 22.6%, oklch(55.09% 0.0965 214.67) 25.8%, oklch(53.84% 0.0941 232.84) 29.0%, oklch(53.22% 0.0883 252.45) 32.3%, oklch(53.05% 0.0805 272.31) 35.5%, oklch(53.17% 0.0723 291.25) 38.7%, oklch(53.42% 0.0649 308.06) 41.9%, oklch(53.64% 0.0597 321.58) 45.2%, oklch(53.66% 0.0582 330.61) 48.4%, oklch(53.35% 0.0617 333.88) 51.6%, oklch(52.80% 0.0707 330.69) 54.8%, oklch(52.13% 0.0836 322.50) 58.1%, oklch(51.43% 0.0987 310.97) 61.3%, oklch(50.80% 0.1145 297.76) 64.5%, oklch(50.34% 0.1292 284.54) 67.7%, oklch(50.13% 0.1413 272.96) 71.0%, oklch(50.29% 0.1491 264.68) 74.2%, oklch(50.92% 0.1516 260.31) 77.4%, oklch(52.07% 0.1500 257.86) 80.6%, oklch(53.58% 0.1454 256.82) 83.9%, oklch(55.29% 0.1389 256.80) 87.1%, oklch(57.05% 0.1315 257.42) 90.3%, oklch(58.70% 0.1242 258.27) 93.5%, oklch(60.07% 0.1182 258.96) 96.8%, oklch(61.02% 0.1144 259.10) 100.0%);

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

Phượng tím đầu mùa

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