Xanh cổ vịt, xanh lá và nâu (gradient xuyên tâm)

Gradient xuyên tâm, 32 màu: #18695e, #33917f, #64a168, #9d9435, #c27936. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#18695e
#1a6c61
#1d7064
#207568
#237a6d
#278072
#2b8677
#2f8c7c
#33917f
#379682
#3b9a82
#409d81
#469f7f
#4ca07b
#53a175
#5ba26f
#64a168
#6da160
#759f58
#7e9e50
#869c49
#8e9a42
#96973b
#9d9435
#a5912f
#ab8d2b
#b18929
#b68529
#bb812c
#be7e2f
#c07b32
#c27936

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(47.24% 0.0772 181.41) 0.0%, oklch(48.18% 0.0783 181.12) 3.2%, oklch(49.43% 0.0797 181.00) 6.5%, oklch(50.94% 0.0814 180.96) 9.7%, oklch(52.63% 0.0834 180.88) 12.9%, oklch(54.42% 0.0854 180.67) 16.1%, oklch(56.24% 0.0876 180.22) 19.4%, oklch(58.01% 0.0898 179.42) 22.6%, oklch(59.65% 0.0919 178.17) 25.8%, oklch(61.10% 0.0940 176.38) 29.0%, oklch(62.28% 0.0959 173.93) 32.3%, oklch(63.16% 0.0976 170.73) 35.5%, oklch(63.85% 0.0994 166.76) 38.7%, oklch(64.39% 0.1011 162.15) 41.9%, oklch(64.81% 0.1028 157.02) 45.2%, oklch(65.11% 0.1045 151.47) 48.4%, oklch(65.33% 0.1061 145.63) 51.6%, oklch(65.48% 0.1077 139.62) 54.8%, oklch(65.57% 0.1093 133.56) 58.1%, oklch(65.64% 0.1107 127.55) 61.3%, oklch(65.70% 0.1121 121.73) 64.5%, oklch(65.77% 0.1134 116.14) 67.7%, oklch(65.76% 0.1146 110.24) 71.0%, oklch(65.68% 0.1158 103.94) 74.2%, oklch(65.53% 0.1170 97.44) 77.4%, oklch(65.34% 0.1180 90.88) 80.6%, oklch(65.12% 0.1190 84.45) 83.9%, oklch(64.89% 0.1199 78.30) 87.1%, oklch(64.66% 0.1207 72.60) 90.3%, oklch(64.45% 0.1215 67.52) 93.5%, oklch(64.28% 0.1221 63.22) 96.8%, oklch(64.17% 0.1226 59.88) 100.0%);

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

Gradient chữ

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