Tím, xám, tím hoa cà và cam (gradient xuyên tâm)

Gradient xuyên tâm, 32 màu: #6e4564, #1c2a2e, #645949, #c2858a, #d37f2c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#6e4564
#654465
#594263
#4b3f5e
#3d3b57
#30374d
#253241
#1f2e37
#1c2a2e
#1d2828
#1f2726
#232a27
#29302b
#343930
#414337
#524e3f
#645949
#786454
#8b6e62
#9b7770
#a97e7c
#b38285
#bb858a
#c2858a
#c88487
#ce837f
#d28174
#d47f66
#d57e57
#d47e47
#d37e38
#d37f2c

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(44.88% 0.0703 336.09) 0.0%, oklch(43.61% 0.0665 327.09) 3.2%, oklch(41.67% 0.0612 315.59) 6.5%, oklch(39.26% 0.0546 302.02) 9.7%, oklch(36.60% 0.0473 286.79) 12.9%, oklch(33.88% 0.0398 270.31) 16.1%, oklch(31.31% 0.0323 253.01) 19.4%, oklch(29.08% 0.0255 235.29) 22.6%, oklch(27.41% 0.0196 217.59) 25.8%, oklch(26.48% 0.0152 200.30) 29.0%, oklch(26.51% 0.0127 183.86) 32.3%, oklch(27.72% 0.0123 167.93) 35.5%, oklch(30.13% 0.0135 150.56) 38.7%, oklch(33.51% 0.0159 132.15) 41.9%, oklch(37.62% 0.0194 113.25) 45.2%, oklch(42.20% 0.0239 94.44) 48.4%, oklch(47.00% 0.0291 76.29) 51.6%, oklch(51.77% 0.0349 59.36) 54.8%, oklch(56.26% 0.0410 44.22) 58.1%, oklch(60.22% 0.0474 31.45) 61.3%, oklch(63.40% 0.0537 21.61) 64.5%, oklch(65.58% 0.0600 15.28) 67.7%, oklch(67.04% 0.0672 12.83) 71.0%, oklch(67.97% 0.0754 13.72) 74.2%, oklch(68.46% 0.0843 17.28) 77.4%, oklch(68.60% 0.0936 22.84) 80.6%, oklch(68.50% 0.1029 29.72) 83.9%, oklch(68.23% 0.1120 37.25) 87.1%, oklch(67.88% 0.1204 44.74) 90.3%, oklch(67.56% 0.1280 51.53) 93.5%, oklch(67.34% 0.1344 56.93) 96.8%, oklch(67.32% 0.1392 60.28) 100.0%);

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

Wasabi và tím mận kiểu editorial

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