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

Bảng màu Hồng, tím oải hương và xanh dương (ba tông)

Gradient tuyến tính, 32 màu, góc 180°: #d3c1b7, #d496a8, #6f82b3, #1a94c9, #3fbfd1. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#d3c1b7
#d7beb2
#dcb9ae
#e2b2ab
#e5acab
#e5a5ac
#e2a0ac
#dc9baa
#d496a8
#cc91a6
#c38ca6
#b988a9
#ac85ad
#9c83b1
#8b82b2
#7c82b2
#6f82b3
#6382b6
#5683ba
#4885be
#3988c2
#2a8bc4
#1f8fc6
#1a94c9
#1c99cb
#1f9fce
#21a4d0
#23aad1
#29b0d1
#31b7d1
#39bcd1
#3fbfd1

CSS

background: linear-gradient(180deg in oklch, oklch(82.28% 0.0248 51.33) 0.0%, oklch(81.84% 0.0325 45.84) 3.2%, oklch(81.26% 0.0438 37.98) 6.5%, oklch(80.53% 0.0564 28.94) 9.7%, oklch(79.63% 0.0680 19.96) 12.9%, oklch(78.55% 0.0763 12.25) 16.1%, oklch(77.21% 0.0798 6.89) 19.4%, oklch(75.61% 0.0801 3.39) 22.6%, oklch(73.83% 0.0785 0.33) 25.8%, oklch(72.01% 0.0762 356.27) 29.0%, oklch(70.24% 0.0746 349.81) 32.3%, oklch(68.54% 0.0741 339.45) 35.5%, oklch(66.73% 0.0730 325.19) 38.7%, oklch(64.91% 0.0720 308.96) 41.9%, oklch(63.26% 0.0720 292.76) 45.2%, oklch(61.92% 0.0739 278.59) 48.4%, oklch(61.02% 0.0786 268.08) 51.6%, oklch(60.43% 0.0871 260.06) 54.8%, oklch(60.13% 0.0976 253.74) 58.1%, oklch(60.10% 0.1083 248.60) 61.3%, oklch(60.33% 0.1172 244.10) 64.5%, oklch(60.83% 0.1226 239.81) 67.7%, oklch(61.72% 0.1251 236.50) 71.0%, oklch(62.93% 0.1256 234.06) 74.2%, oklch(64.32% 0.1249 231.99) 77.4%, oklch(65.77% 0.1236 229.77) 80.6%, oklch(67.16% 0.1225 226.91) 83.9%, oklch(68.69% 0.1208 223.14) 87.1%, oklch(70.36% 0.1183 218.88) 90.3%, oklch(72.00% 0.1156 214.65) 93.5%, oklch(73.41% 0.1132 211.00) 96.8%, oklch(74.41% 0.1116 208.43) 100.0%);

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

Gradient mùa xuân Gradient nhiều màu tông sá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