Tím oải hương, xanh dương và xanh cổ vịt (ba tông) (gradient tuyến tính)

Bảng màu Tím oải hương, xanh dương và xanh cổ vịt (ba tông)

Gradient tuyến tính, 32 màu, góc 90°: #c996e0, #a971d5, #7864b6, #547794, #579e74. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#c996e0
#c793e0
#c48edf
#c188de
#bd83dd
#b97ddc
#b479da
#af75d7
#a971d5
#a46ed2
#9e6bce
#9869cb
#9267c7
#8b65c3
#8564be
#7f64ba
#7864b6
#7365b0
#6f66aa
#6a68a4
#656a9f
#5f6e9c
#597298
#547794
#537b8f
#54808a
#558487
#548986
#529084
#51967f
#539b7a
#579e74

CSS

background: linear-gradient(90deg in oklch, oklch(74.80% 0.1171 315.00) 0.0%, oklch(73.99% 0.1215 314.63) 3.2%, oklch(72.84% 0.1279 314.15) 6.5%, oklch(71.49% 0.1350 313.55) 9.7%, oklch(70.08% 0.1418 312.82) 12.9%, oklch(68.72% 0.1468 311.98) 16.1%, oklch(67.43% 0.1499 311.03) 19.4%, oklch(66.11% 0.1520 309.99) 22.6%, oklch(64.78% 0.1530 308.82) 25.8%, oklch(63.46% 0.1531 307.50) 29.0%, oklch(62.21% 0.1521 306.02) 32.3%, oklch(61.02% 0.1501 304.41) 35.5%, oklch(59.82% 0.1470 302.77) 38.7%, oklch(58.67% 0.1429 300.97) 41.9%, oklch(57.61% 0.1378 298.89) 45.2%, oklch(56.69% 0.1316 296.38) 48.4%, oklch(55.95% 0.1242 293.50) 51.6%, oklch(55.30% 0.1146 291.01) 54.8%, oklch(54.79% 0.1038 288.31) 58.1%, oklch(54.43% 0.0927 284.57) 61.3%, oklch(54.29% 0.0827 278.97) 64.5%, oklch(54.40% 0.0746 270.62) 67.7%, oklch(54.79% 0.0669 258.69) 71.0%, oklch(55.40% 0.0597 244.35) 74.2%, oklch(56.19% 0.0540 229.13) 77.4%, oklch(57.09% 0.0509 214.56) 80.6%, oklch(58.04% 0.0514 202.15) 83.9%, oklch(59.23% 0.0573 190.86) 87.1%, oklch(60.64% 0.0673 180.10) 90.3%, oklch(62.07% 0.0789 170.42) 93.5%, oklch(63.31% 0.0894 162.36) 96.8%, oklch(64.17% 0.0965 156.49) 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