Tím, hồng, xám và xanh cổ vịt (gradient xuyên tâm)

Gradient xuyên tâm, 80 màu: #71394a, #ae6575, #e5b2b3, #c7ddc4, #75a28c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#71394a
#733a4b
#753b4c
#773d4e
#793e4f
#7c4051
#7f4253
#824455
#854657
#884859
#8b4a5c
#8f4c5e
#924f60
#965163
#9a5465
#9d5768
#a1596b
#a45c6d
#a75f70
#ab6272
#ae6575
#b16878
#b46c7b
#b7707f
#ba7383
#bd7787
#c07c8c
#c38090
#c68494
#c98999
#cc8d9d
#cf91a1
#d295a4
#d49aa8
#d79eab
#daa2ae
#dca5b0
#dfa9b2
#e1acb3
#e3afb3
#e5b2b3
#e7b5b3
#e9b8b2
#eabbb2
#ebbeb1
#ebc2b0
#eac5af
#e9c8af
#e8ccaf
#e6cfb0
#e3d2b2
#e0d5b3
#ddd7b6
#dad9b8
#d7dbbb
#d3dcbd
#d0ddbf
#cddec1
#cadec3
#c7ddc4
#c4dcc4
#c1dbc4
#bdd9c3
#b9d6c1
#b5d3bf
#b0d0bc
#accdb8
#a7c9b5
#a2c5b1
#9dc1ad
#98bda9
#93baa5
#8eb6a1
#89b29d
#85af99
#81ab95
#7da992
#7aa68f
#77a48d
#75a28c

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(42.13% 0.0813 2.11) 0.0%, oklch(42.59% 0.0817 2.22) 1.3%, oklch(43.13% 0.0824 2.35) 2.5%, oklch(43.73% 0.0831 2.48) 3.8%, oklch(44.39% 0.0840 2.62) 5.1%, oklch(45.10% 0.0850 2.78) 6.3%, oklch(45.87% 0.0860 2.95) 7.6%, oklch(46.68% 0.0871 3.12) 8.9%, oklch(47.54% 0.0882 3.31) 10.1%, oklch(48.43% 0.0894 3.51) 11.4%, oklch(49.35% 0.0905 3.72) 12.7%, oklch(50.30% 0.0915 3.94) 13.9%, oklch(51.28% 0.0925 4.17) 15.2%, oklch(52.27% 0.0934 4.42) 16.5%, oklch(53.27% 0.0942 4.67) 17.7%, oklch(54.28% 0.0948 4.93) 19.0%, oklch(55.30% 0.0953 5.21) 20.3%, oklch(56.31% 0.0955 5.49) 21.5%, oklch(57.32% 0.0956 5.79) 22.8%, oklch(58.32% 0.0954 6.10) 24.1%, oklch(59.30% 0.0949 6.41) 25.3%, oklch(60.32% 0.0942 6.53) 26.6%, oklch(61.40% 0.0932 6.42) 27.8%, oklch(62.52% 0.0920 6.13) 29.1%, oklch(63.67% 0.0906 5.71) 30.4%, oklch(64.86% 0.0890 5.18) 31.6%, oklch(66.07% 0.0872 4.61) 32.9%, oklch(67.29% 0.0853 4.04) 34.2%, oklch(68.53% 0.0833 3.50) 35.4%, oklch(69.76% 0.0813 3.05) 36.7%, oklch(70.98% 0.0791 2.73) 38.0%, oklch(72.18% 0.0769 2.59) 39.2%, oklch(73.37% 0.0748 2.67) 40.5%, oklch(74.52% 0.0726 3.01) 41.8%, oklch(75.63% 0.0705 3.66) 43.0%, oklch(76.70% 0.0684 4.67) 44.3%, oklch(77.71% 0.0664 6.07) 45.6%, oklch(78.66% 0.0646 7.93) 46.8%, oklch(79.54% 0.0629 10.27) 48.1%, oklch(80.34% 0.0613 13.14) 49.4%, oklch(81.07% 0.0599 16.63) 50.6%, oklch(81.77% 0.0586 20.92) 51.9%, oklch(82.47% 0.0572 25.96) 53.2%, oklch(83.14% 0.0558 31.68) 54.4%, oklch(83.79% 0.0545 37.97) 55.7%, oklch(84.41% 0.0531 44.76) 57.0%, oklch(84.99% 0.0518 51.95) 58.2%, oklch(85.54% 0.0505 59.45) 59.5%, oklch(86.05% 0.0493 67.17) 60.8%, oklch(86.50% 0.0481 75.03) 62.0%, oklch(86.91% 0.0470 82.94) 63.3%, oklch(87.26% 0.0460 90.81) 64.6%, oklch(87.55% 0.0450 98.55) 65.8%, oklch(87.77% 0.0442 106.07) 67.1%, oklch(87.93% 0.0434 113.29) 68.4%, oklch(88.01% 0.0427 120.12) 69.6%, oklch(88.01% 0.0422 126.46) 70.9%, oklch(87.92% 0.0418 132.22) 72.2%, oklch(87.75% 0.0415 137.33) 73.4%, oklch(87.48% 0.0414 141.69) 74.7%, oklch(87.10% 0.0414 145.33) 75.9%, oklch(86.54% 0.0416 148.47) 77.2%, oklch(85.82% 0.0421 151.18) 78.5%, oklch(84.96% 0.0427 153.48) 79.7%, oklch(83.99% 0.0435 155.40) 81.0%, oklch(82.91% 0.0444 156.99) 82.3%, oklch(81.75% 0.0454 158.27) 83.5%, oklch(80.52% 0.0465 159.28) 84.8%, oklch(79.25% 0.0477 160.06) 86.1%, oklch(77.94% 0.0489 160.63) 87.3%, oklch(76.63% 0.0502 161.03) 88.6%, oklch(75.32% 0.0515 161.30) 89.9%, oklch(74.04% 0.0527 161.47) 91.1%, oklch(72.80% 0.0539 161.58) 92.4%, oklch(71.63% 0.0551 161.65) 93.7%, oklch(70.53% 0.0562 161.73) 94.9%, oklch(69.54% 0.0571 161.84) 96.2%, oklch(68.66% 0.0580 162.02) 97.5%, oklch(67.91% 0.0587 162.31) 98.7%, oklch(67.32% 0.0593 162.74) 100.0%);

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

Gradient mùa xuân

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