Tím, hồng và xanh dương (tương đồng) tông rực rỡ (gradient hình nón)

Bảng màu Tím, hồng và xanh dương (tương đồng) tông rực rỡ

Gradient hình nón, 32 màu, góc 225°: #550748, #b70b85, #f66bb7, #716cd6, #892570. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#550748
#5c084d
#670954
#730a5d
#810c66
#900d6f
#9d0f77
#a90f7e
#b70b85
#c4048b
#d10092
#dd0598
#e6179e
#ed2ca5
#f243aa
#f658b0
#f66bb7
#f47abd
#ee83c4
#e385ca
#d081d1
#b57bd8
#9373da
#716cd6
#5365ce
#465dc6
#4d53bf
#5d48b4
#6e3da5
#7c3391
#852b7e
#892570

CSS

background: conic-gradient(from 225deg in oklch, oklch(31.10% 0.1281 336.80) 0.0%, oklch(32.85% 0.1354 337.47) 3.2%, oklch(35.27% 0.1454 338.41) 6.5%, oklch(38.13% 0.1573 339.52) 9.7%, oklch(41.22% 0.1700 340.71) 12.9%, oklch(44.29% 0.1824 341.88) 16.1%, oklch(47.12% 0.1937 342.95) 19.4%, oklch(49.67% 0.2044 343.96) 22.6%, oklch(52.19% 0.2170 345.13) 25.8%, oklch(54.68% 0.2297 346.30) 29.0%, oklch(57.12% 0.2406 347.35) 32.3%, oklch(59.46% 0.2483 348.11) 35.5%, oklch(61.73% 0.2504 348.44) 38.7%, oklch(64.01% 0.2450 348.47) 41.9%, oklch(66.71% 0.2305 348.98) 45.2%, oklch(69.50% 0.2103 349.45) 48.4%, oklch(72.01% 0.1878 349.26) 51.6%, oklch(73.84% 0.1667 347.75) 54.8%, oklch(74.62% 0.1505 344.30) 58.1%, oklch(73.91% 0.1425 337.97) 61.3%, oklch(71.43% 0.1414 326.55) 64.5%, oklch(67.67% 0.1449 311.77) 67.7%, oklch(63.22% 0.1510 296.20) 71.0%, oklch(58.71% 0.1577 282.40) 74.2%, oklch(54.74% 0.1632 272.94) 77.4%, oklch(51.90% 0.1655 270.38) 80.6%, oklch(49.88% 0.1655 275.93) 83.9%, oklch(48.33% 0.1642 287.42) 87.1%, oklch(47.14% 0.1623 302.22) 90.3%, oklch(46.23% 0.1602 317.68) 93.5%, oklch(45.51% 0.1583 331.14) 96.8%, oklch(44.88% 0.1571 339.97) 100.0%);

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

Bảng màu hồng cánh sen

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